jqueryfileupload使用难点

如果只是想基本使用,不考虑样式的问题,则添加如下引用即可

    <link href="jQuery-File-Upload-master/css/jquery.fileupload.css" rel="stylesheet" />
    <link href="jQuery-File-Upload-master/css/jquery.fileupload-ui.css" rel="stylesheet" />
    <script src="Scripts/jquery-3.1.1.js"></script>
    <script src="jQuery-File-Upload-master/js/vendor/jquery.ui.widget.js"></script>
    <script src="jQuery-File-Upload-master/js/jquery.fileupload.js"></script>
    <script src="jQuery-File-Upload-master/js/jquery.iframe-transport.js"></script>

然后添加一个input


 <input id="fileupload" type="file" name="files[]" multiple>

JS代码:选择文件之后即可上传,不需要上传按钮

 $(function () {
            $('#fileupload').fileupload({
                url: "/jQuery-File-Upload-master/server/dotnet/Default.aspx",
                done: function (e, data) {
                    var json = $.parseJSON(data.result);
                    console.log(json[0].delete_url);                    
                }
            });

        })


此控件功能比较完善,还能够删除文件,只要发一个 DELETE 请求即可,请求地址则在返回得JSON数据中已经存在,添加 删除 按钮后,修改JS代码如下


 $(function () {
            $('#fileupload').fileupload({
                url: "/jQuery-File-Upload-master/server/dotnet/Default.aspx",
                done: function (e, data) {
                    var json = $.parseJSON(data.result);
                    console.log(json[0].delete_url);
                    $("#btn1").click(function () {
                        $.ajax({
                            type: "DELETE",
                            url: json[0].delete_url,
                            success: function (data) {
                                console.log(data);
                            }
                        })
                    })
                }
            });
        })

关键问题在于服务器默认不接受 DELETE 请求,所以需要在 IIS Express 中进行修改,因为请求的是 .aspx 文件,所以做如下修改即可(添加 DELETE 请求)

  <add name="PageHandlerFactory-Integrated-4.0" path="*.aspx" verb="GET,HEAD,POST,DEBUG,DELETE" type="System.Web.UI.PageHandlerFactory" preCondition="integratedMode,runtimeVersionv4.0" />





评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

巴山却话

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值