如何在上传文件后为文件对象添加新的属性
Dropzone.js - How to add new property to file object after uploading file
我使用dropzone和PHP来上传和删除文件。当我加载我的上传页面,我创建了一些mockfiles与以下参数:名称,大小,缩略图和id。这个模拟是使用预先上传的数据设置的。
当有人点击删除文件按钮时,我调用php方法来删除图像
我的问题是当用户上传文件并试图删除它而不加载页面。当它发生时,dropzone文件对象不能被修改。
我在:
var dropZone3 = new Dropzone("#file3",{
init: function() {
this.on('success', function (file) {
console.log(file);
file['test'] = 'test';
file.test = 'test';
console.log(file);
})
},
paramName: 'file3',
autoProcessQueue:true,
uploadMultiple: false,
parallelUploads: 1,
maxFiles: 3,
maxFilesize: 5,
addRemoveLinks: true
我的问题是第一个console.log和第二个在init on success函数中显示相同的文件。
有人知道怎么修理它吗?
提前感谢。
可以直接添加属性到file
对象(dropzone v4.3.0)
var dropZone = new Dropzone(document.querySelector('.js-dropzone'), {
url: '/file/upload'
});
dropZone.on('success', function (file, response) {
var res = JSON.parse(response);
if (res.result == true) {
file.test = 'test';
file.id = res.id;
}
});
不要认为你可以在已经上传的文件对象上添加属性,但你可以在accept
属性上添加它:
var dropZone3 = new Dropzone("#file3", {
url: "upload.php",
init: function () {
this.on('success', function (file) {
console.log(file);
})
},
accept: function(file, done) {
file.test = "test";
return done();
},
paramName: 'file3',
autoProcessQueue: true,
uploadMultiple: false,
parallelUploads: 1,
maxFiles: 3,
maxFilesize: 5,
addRemoveLinks: true
});
相关文章:
- 仅使用文件对象选择单个文件
- S3文件上传文件对象使用节点js
- 如何打开文件对象(HTML)并在谷歌应用程序脚本中解析它
- Grunt 可以直接从文件对象/数组或 glob 中的“src”值通过 HTTP 加载远程文件
- 如何使用springmvc控制器通过ajax sumbit传递文件对象
- Javascript;HTML文件API-基于文件对象的javascript对象是否仍然包含文件'的位置
- 如何获取上传的SVG文件对象的内容
- 存储/检索 html 5 文件对象,用于恢复损坏的文件上传
- 在浏览器上传后操作文件对象的正文
- 如何将 Base64 字符串转换为 javascript 文件对象,就像从文件输入表单一样
- 将图像对象转换为文件对象,javascript
- 覆盖 JavaScript 文件对象
- 如何将 Javascript 文件对象 + 数据发送到 MVC 6 控制器 - ASP.NET 5.
- 如何将图像源绑定到角度文件对象
- 如何使用angularjs或jquery将每个点击的按钮操作保存在json文件/对象中
- 通过在javascript中提供硬编码路径来获取文件对象
- 文件对象错误
- 将文件对象从Javascript传递到Web API
- 如何从phonegap的html5输入字段文件对象获取路径
- 在以下场景中,如何使代码可用于多个文件文件对象