蓝色jquery-file-upload如何在上传前取消1个文件
-
21-12-2019 - |
题
我正在使用以下库 https://github.com/blueimp/jquery-file-upload/wiki
我在选择(添加文件)按钮后显示所选文件。我没有显示演示网格,显示取消按钮或上传
我有一个按钮,提交(见下文)。 我想取消在选择上载按钮之前选择的一个文件的上传。
步行通过代码,我看到,当我终于点击提交时,它会调用fileuploadsubmit for上载的每个文件。
我想向选择的文件网格展示,然后允许它们通过挑选链接来取消其中一个以从数据中删除。我在线找到的所有样本倾向于父()。删除()从Visual Grid中删除。
如何在不显示网格的情况下呢?
IE ..
...
add: function (e, data) {
$.each(data.files, function (index, file) {
files += file.name;
});
$('#files').text(files);
viewModel.Add(data);
data.context = $('#btnUpload')
.click(function () {
data.submit();
return false;
});
},
......
$('#fileupload').bind('fileuploadsubmit', function (e, data) {
// The example input, doesn't have to be part of the upload form:
//var input = $('#input');
//data.formData = {example: input.val()};
var countryId = 1; //viewModel.selectedCountry().CountryId()
var selected = 'test'; //$('#lstTemplate option:selected').text();
data.formData = { templateType: selected, countryId: countryId };
if (data.formData.templateType == 'Select') {
data.context.find('button').prop('disabled', false);
return false;
}
});
. 解决方案
实际上可以从data.files中删除一个文件。 我正在使用KnockOutjs Web-Component,我正在存储“上载对象”的实例,我可以为文件列表提供可观察的数组...
我的配置是:
.fileupload({
url: DataServiceBaseUrl + '/api/Ruleset/BatchImport',
dataType: 'json',
singleFileUploads: false,
replaceFileInput: false,
add: function (e, data) {
...
.
我所做的是
this.RemoveFile = function(index){
this.UploadInstance.files.splice(index,1);
this.UploadFiles.splice(index,1);
}
.
和模板是:
<!-- ko foreach: UploadFiles -->
<div><span data-bind="text: name"></span><button data-bind="click: function() { $component.RemoveFile($index()); }">delete</button></div>
<!-- /ko -->
. 不隶属于 StackOverflow