gpt4 book ai didi

jquery - blueimp jQuery文件上传没有被触发

转载 作者:行者123 更新时间:2023-12-01 04:19:45 28 4
gpt4 key购买 nike

我正在尝试使用 blueimp 文件上传插件异步上传图像,但是当我尝试上传它们时没有任何反应。根本没有触发任何回调函数。我正在使用此函数将文件 uploader 绑定(bind)到文件输入。

var initFileUpload = function (gender) {
//Used to bind fileupload plugin and send files

//bind file upload
$('#add_form').fileupload({
namespace: gender+'_image',
singleFileUploads: true,
formData: [{name:'gender', value: gender}],
fileInput: $("#"+gender+'_image'),
done: function(e, data){
alert('success '+data.result);
}

});
//Bind event callbacks
$('#add_form').bind('fileuploadsend', function (e, data) {
console.log('sent');
});
$('#add_form').bind('fileuploaddone', function (e, data) {
console.log('done');
});
$('#add_form').bind('fileuploadfail', function (e, data) {
console.log(data.result);
});
$('#add_form').bind('fileuploadalways', function (e, data) {
console.log(data.result);
});

}

受到多文件上传教程的启发 here.我这样做是因为我有 3 个不同名称的不同输入。然后,我在 ajax 调用中手动触发发送函数,或者尝试这样做。

$.ajax({
type: "POST",
url: "/manage/processadditem",
data: $("#add_form").serialize(),
dataType: "html",
success: function( response, textStatus, XHR )
{
if(response.indexOf('invalid') >= 0 || response.indexOf('Exception') >= 0){
//Show them their errors
alert(response);
}
else{
//Upload item images
//Send files
$('#add_form').fileupload('send', {fileInput: $("#neutral_image"), url: '/manage/items/itemimage/test' });
$('#add_form').fileupload('send', {fileInput: $("#male_image"), url: '/manage/items/itemimage/test' });
$('#add_form').fileupload('send', {fileInput: $("#female_image"), url: '/manage/items/itemimage/test' });
alert('should have uploaded image to cdn.completeset.com/items/test_nla.jpg if gender was neutral');
}

},
error: function(jqXHR, textStatus, errorThrown){
alert('An error occurred, please try again later.');
}
});

我在文档中找到了here在“程序化文件上传”部分下,您可以使用 send 方法通过类似 $('#fileupload').fileupload('send', {files: filesList}); 的行手动发送文件,因此这就是我试图用来发送文件的方法。不幸的是,我根本没有从任何回调函数中得到任何类型的响应,而且我不知道为什么。

最佳答案

我刚刚在这里使用了 malsup 表单插件。 http://malsup.com/jquery/form/#ajaxForm在与 blueImp 斗争了 2 天之后,我只用了几分钟就启动并运行了这个。

关于jquery - blueimp jQuery文件上传没有被触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11889459/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com