ajaxfileupload异步上传文件

一：导入JS文件：

 <script src="Public/js/jquery.js"></script> <script src="Public/js/ajaxfileupload.js"></script>

二：页面代码：

<input type="file" id="file" name="file"/><input type="button" id="upload_btn" value="上传"><script type="text/javascript">    $("#upload_btn").click(function () {        ajaxFileUpload();    });    function ajaxFileUpload() {        $.ajaxFileUpload        (            {                url: '__URL__/index', //用于文件上传的服务器端请求地址                secureuri: false, //一般设置为false                fileElementId: 'file', //文件上传空间的id属性  <input type="file" id="file" name="file" />                dataType: 'json', //返回值类型 一般设置为json                success: function (data)  //服务器成功响应处理函数                {                    console.log('成功');                },                error: function (data, status, e)//服务器响应失败处理函数                {                    alert(e);                }            }        );        return false;    }</script>

三：后台获取文件信息，输出：

<?phpnamespace Admin\Controller;use Think\Controller;class FileUploadController extends Controller {    public function index(){        if($_FILES){            print_r($_FILES);           return  ;        }        $this->display();    }}

由下图可见图片上传成功

但是前端控制台报错


原因：在现在jQuery中load与ajax中load方法冲突
解决办法：找到ajaxfileupload.js中使用load方法的地方

换种绑定方式即可！