如何使用jQuery文件上传?
我正试图使用这个工具,但没有多大成功。我希望我的脚本在用户单击“保存”按钮时上载文件以及其他表单详细信息。到目前为止,我有:如何使用jQuery文件上传?,jquery,jquery-plugins,Jquery,Jquery Plugins,我正试图使用这个工具,但没有多大成功。我希望我的脚本在用户单击“保存”按钮时上载文件以及其他表单详细信息。到目前为止,我有: $(document).ready(function() { $('#custom-file-upload').fileupload({ dataType: 'json', autoUpload: false, url: get_current_url() + '/customFileUpload/',
$(document).ready(function() {
$('#custom-file-upload').fileupload({
dataType: 'json',
autoUpload: false,
url: get_current_url() + '/customFileUpload/',
done: function (e, data) {
//$.each(data.result, function (index, file) {
// $('<p/>').text(file.name).appendTo(document.body);
//});
},
change: function (e, data) {
$.each(data.files, function (index, file) {
$("#custom-file-upload-filename").text( file.name );
});
},
submit: function(e, data) {
console.log('submit event fired');
return false;
}
});
$('.edit-form .btn-submit').click(function(ev) {
ev.preventDefault();
})
});
$(文档).ready(函数(){
$(“#自定义文件上载”).fileupload({
数据类型:“json”,
自动上载:false,
url:get_current_url()+'/customFileUpload/',
完成:功能(e,数据){
//$.each(data.result、函数(索引、文件){
//$('').text(file.name).appendTo(document.body);
//});
},
更改:功能(e、数据){
$.each(data.files,函数(索引,文件){
$(“#自定义文件上载文件名”).text(file.name);
});
},
提交:功能(e、数据){
log('submit event fired');
返回false;
}
});
$('.edit form.btn submit')。单击(函数(ev){
ev.preventDefault();
})
});
因此,当我的用户单击“附加文件”按钮时,会弹出一个漂亮的文件浏览器,他们选择一个文件并单击“打开”,它会在“附加文件”按钮旁边显示文件名
我不知道如何让它现在提交我的表格。我尝试了很多不同的方法,但在阅读了文档之后,我仍然不知道。我也没有让它起作用,最后使用了。用法非常简单,页面上有很好的示例 您只需在HTML中编写一个普通表单,然后像下面这样附加jQuery:
$('#myForm1').ajaxForm(options);
@RajatSinghal我在帖子里说我读了文件。我不能让这个例子对我起作用。jquery文件上传的写得最好不过了。代码示例也不是很好。我也有同样的问题。