php教程分享

  1. php教程首页
  2. php上传下载

又拍云异步上传实例教程详解

•php上传下载•阅读 259

这篇文章主要介绍了又拍云异步上传实例教程详解的相关资料,需要的朋友可以参考下，网站静态文件存储在又拍云，之前上传是通过又拍云的的FORM API进行。

当产品经理歪着脑袋走向你的时候，哎呀呀，这用户信息这里，上传要无刷新的效果了。

这他***，自己偷偷抱怨一会会，怎么搞喃？听说这家伙要一个好听的名字，异步上传，高大上档次挺像我的。

根据我们的观察，此处有两个重点：

①、怎么实现异步上传

②、怎么上传到又 拍 云

首先我们要实现异步上传，就需要利用js里面的FormData对象，据说，这家伙不支持ie6 7的，ie8就不太清楚了，据说哈，说错了不负责的。

不过喃，我们也不用考虑辣么多，前段时间都听说淘宝都要放弃ie6 7了，so 甭考虑辣么多了。ie6 7逮着ta估计都要骂ta小婊砸，竟然敢不支持我。

FormData是谁，这里就不多介绍了，可以自行百度。

我们先来看看view层怎么使用FormData这个小婊砸

<input type="file" accept="image/jpg,image/jpeg,image/png,image/gif" >

<input type="hidden" name="file">

如你所想，仅仅是一个input上传按钮和一个我们预留的准备接收图片地址的隐藏input

下面来看看JS是怎么愤怒的吧

  1. <script type="text/javascript">
  2. function($){
  3. //上传
  4. $("#upload").on("change", function () {
  5. //构造FormData对象并赋值
  6. var formData = new FormData();
  7. formData.append("policy", "//controller层传递过来upYun的policy配置");
  8. formData.append("signature", "//controller层传递过来upyun的signature配置");
  9. formData.append("file", $("#upload")[0].files[0]);
  10. $.ajax({
  11. url : "//处理上传的后端程序地址",
  12. type : "POST",
  13. data : formData,
  14. processData : false,
  15. contentType : false,
  16. beforeSend: function () {
  17. //可以做一些正在上传的效果
  18. },
  19. success : function(data) {
  20. //data，我们这里是异步上传到后端程序所返回的图片地址
  21. },
  22. error : function(responseStr) {
  23. console.log(responseStr);
  24. }
  25. });
  26. });
  27. }($);
  28. </script>

到此，我们已经实现了异步上传的前端代码，包括又拍云所需要的参数policy和signature

剩下的实现上传到又拍云就简单了，可以参考

https://github.com/upyun/php-sdk 进行处理

赞 (4)
上一篇3-30
下一篇 4-22

相关推荐

  • js php xmlrequest 上传图片的方法

    jsphpxmlrequest上传图片的方法本来想用插件上传图片的，后来自己写了一个简单的js实现异步的图片上传，不多说上代码非常简单upload.phpif(isset($_FILES["myfile"])){$ret=array();$…
    •php上传下载
    2016-08-045357

  • 基于PHP的AJAX技术实现文件异步上传

    基于PHP的AJAX技术实现文件异步上传异步的文件上传是在现代的AJAX实现的Web应用里面经常要遇到，必须解决的问题。但是标准的AJAX类(XmlHttpRequest)无法实现传输文件的功能。因此，这里讨论的内容就是如何在AJAX的技术…
    •php上传下载
    2016-08-2318371

  • php入门教程单文件上传与多文件上传实例

    在php中文件上传我们使会用到$_FILES数组与move_uploaded_file函数,他们可实现文件上传,基于他们两我们就可实例多文件上传了,下面我一一给各位介绍一下.先来看看$_FILES数组内容如下:$_FILES['myFile']['name']客户端文件的原名称。$_FILES['myFile']['type']文件的MIME类型，需要浏览器提供该信息的支持，例如"image/gi…
    •php上传下载
    2023-06-08462

  • Php入门教程之PHP常量使用方法详解

    常量在php中是一个非常重新的数据类型了,下面我来给初学者详细介绍PHP常量一些用法,有需要了解的同学可进入参考.PHP常量define()函数用于定义常量.一个常量一旦被定义,就不能再改变或者取消定义.定义常量的实例代码如下:<?phpdefine("CONSTANT","你好！");echoCONSTANT;?>常量名和其它任何PHP标签遵循同样的命名规则.合法的常量名以字母或下划…
    •php应用
    2023-06-10742

  • php判断文件上传图片格式的实例详解

    这篇文章主要介绍了php判断文件上传图片格式的实例详解的相关资料,希望通过本文能帮助大家实现这样方法，非常有参考价值，需要的朋友可以参考下php判断文件上传图片格式的实例详解判断文件图片类型,$type=$_FILES['image']['tmp_name'];//文件名//$type=$this->getImagetype($type);$filetype=['jpg','jpeg','g…
    •php上传下载
    2023-06-19549
  • 阿里云服务器 ECS WordPress配置教程Wordpress

    阿里云服务器 ECS WordPress配置教程

    我所购买的ECS服务器系统信息:系统:ubuntu12.0464位1、通过putty,xshell,secureCRT等工具远程连接服务器,我用的是xshell.2、进入系统后,更新安装包suduapt-getupdate(如果是以root登陆系统的,sudu可以不带)3、安装LAMP环境(此环境安装包系统自带,不用再次下载上传)sudotaskselinstalllamp-server安装过程中…
    2023-06-193064

  • PHP之Swoole学习安装教程

    这篇文章主要介绍了PHP之Swoole学习安装教程,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下。一、前言swoole是什么？官方是这样解释的：PHP的异步、并行、高性能网络通信引擎，使用纯C语言编写，提供了PHP语言的异步多线程服务器，异步TCP/UDP网络客户端，异步MySQL，异步Redis，数据库连接池，AsyncTask，消息队列，毫秒定时器…
    •php环境搭建
    2023-06-201193

  • 用php写 ftp文件上传函数教程

    本篇教程是一款关于用php写ftp文件上传函数教程,php功能很强大,可以用他自身带的函数来实例ftp的功能,实现文件上传功能,代码如下:<?phpfunctionphpftp_top(){echo"<!--functionphpftp_top-->";echo"<html>";echo"<head>";echo"<title>PHPFTPCl…
    •php函数
    2023-07-11341