码迷,mamicode.com
首页 > 其他好文 > 详细

插件的使用(4)-fileupload

时间:2018-12-27 15:15:36      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:result   跨域问题   建议   widget   end   nbsp   jquery   function   vendor   

//fileupload 使用方法

//1. 引入文件
jQuery //建议jQuery 1.8以上版本
js/vendor/jquery.ui.widget.js //  jQuery UI Widget
js/jquery.iframe-transport.js //  扩展iframe数据传输
js/jquery.fileupload.js // jQuery File Upload核心类
js/cors/jquery.xdr-transport.js //在IE下应载入此文件解决跨域问题

//2 html结构
      <div id="divAdd" title="添加">
        <div>+</div>
        <input id="fileUpload" type="file" />
    </div>
//3 js
    //最基本的需求和结构
$(function () {
    $(‘#fileupload‘).fileupload({
        dataType: ‘json‘,
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $(‘<p/>‘).text(file.name).appendTo(document.body);
            });
        }
    });
});

 

插件的使用(4)-fileupload

标签:result   跨域问题   建议   widget   end   nbsp   jquery   function   vendor   

原文地址:https://www.cnblogs.com/noraZhang/p/10181021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!