jquery.fileupload.js中formData传递的参数如何修改

meiyaxiong 2015-04-14 02:27:07
<span>
<span class="progress" style="display:none;height:20px;">(50%)</span>
<span id="upload_voucher">{$Think.lang.upload_voucher}</span>
</span>
<input class="fileupload" order_id='{$order.id}' class="upload" type="file" name="files[]" accept=".xls,.doc,.txt,.pdf,*.docx,.jpg,.gif,.png,.jpeg,.rar,zip" />

jquery

$('.fileupload').fileupload({
url: '/__LANG__/upload/payment_reciept',
dataType: 'json',
formData:{order_id:order_id},
done: function (e, data) {
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('.fileupload').attr('disabled');
$(".progress").html(progress+"%...").css('display','inline');
},
fileuploadprogress: function (e, data) {
},
success:function(result, textStatus, jqXHR){
if(result['files'][0].error){
alert(result['files'][0].error);
return;
}
$('.fileinput-button').html('上传成功');
},
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
其中的formData传递的order_id是不确定的,formData:{order_id:order_id}中怎么修改使他传递的值为我想要的值(及attr我点击的按钮的属性order_id的值),难道非要每一个上传写一次吗?
求大神指点迷津
...全文
13743 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
WETDRY_BILL 2017-08-24
  • 打赏
  • 举报
回复
非常感谢,好人一生平安,有用。 分享我的情况,我的是想在 formData 里面带,调用这个 文件上传函数的 元素的ID $(".upload_images").bind('fileuploadsubmit', function (e, data) { data.formData = { "user_id" : "1" , "navPicID" : $!curNavBarPicObj.id ,"navPicSeq" : $(this).attr("id") }; 之前一直在 uploadFile 函数里面的 formData 里面直接 套入 $(this).attr("id") ,就是没效果,我都怀疑人生了。
weituotian_01 2016-03-19
  • 打赏
  • 举报
回复
引用 3 楼 u013952129 的回复:

    var userID = "";

    $('#picture').fileupload({
        url: "http://localhost:35708/Handler/FileTransferHandler.ashx",  //文件上传地址,当然也可以直接写在input的data-url属性内
        dataType: 'json',
        add: function (e, data) {
            data.context = $('#upload').click(function () {
                userID = $("#userID").val();
                if (userID == "") {
                    openDialog("请填写户名!");
                    return;
                } else {
                    data.submit();
                }
            });
        },
        done: function (e, data) {
            openDialog("上传成功!");
        }
    });

    //文件上传前触发事件
    $('#picture').bind('fileuploadsubmit', function (e, data) {
        data.formData = { UserID: $("#userID").val() };  //如果需要额外添加参数可以在这里添加
    });
这个回答太好了,一下子成功了
狂胜 2016-03-06
  • 打赏
  • 举报
回复

    var userID = "";

    $('#picture').fileupload({
        url: "http://localhost:35708/Handler/FileTransferHandler.ashx",  //文件上传地址,当然也可以直接写在input的data-url属性内
        dataType: 'json',
        add: function (e, data) {
            data.context = $('#upload').click(function () {
                userID = $("#userID").val();
                if (userID == "") {
                    openDialog("请填写户名!");
                    return;
                } else {
                    data.submit();
                }
            });
        },
        done: function (e, data) {
            openDialog("上传成功!");
        }
    });

    //文件上传前触发事件
    $('#picture').bind('fileuploadsubmit', function (e, data) {
        data.formData = { UserID: $("#userID").val() };  //如果需要额外添加参数可以在这里添加
    });
meiyaxiong 2015-06-10
  • 打赏
  • 举报
回复
不用这么麻烦 https://github.com/blueimp/jQuery-File-Upload/wiki/API API里面已经有了
meiyaxiong 2015-04-23
  • 打赏
  • 举报
回复
自己试出来了 $('.fileupload').click(function(){获取order_id})fileupload({传入order_id})

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧