您正在使用cloudinary
js 库来上传您的文件并dropzone.js
的方法来监听事件。
cloudinary.uploader.upload(file, function (result) {
console.log(result)
imagesArr.push(result.public_id);
}
此上传功能不会注册任何事件dropzone.js
所以你不能听类似的事件sending, success, complete
基本上你混合了两个库。所以如果你想使用dropzone
并监听它提供的事件,单独使用它。以下是如何使用上传dropzone
to cloudinary
-
var myDropzone = new Dropzone(document.getElementById('dropzone-area'), {
uploadMultiple: false,
acceptedFiles:'.jpg,.png,.jpeg,.gif',
parallelUploads: 6,
url: 'https://api.cloudinary.com/v1_1/cloud9/image/upload'
});
myDropzone.on('sending', function (file, xhr, formData) {
alert("you added a file");
});
myDropzone.on('sending', function (file, xhr, formData) {
console.log("Adding api key "+123456789123456);
formData.append('api_key', 123456789123456);
formData.append('timestamp', Date.now() / 1000 | 0);
formData.append('upload_preset', 'presetname');
});
myDropzone.on('success', function (file, response) {
console.log('Success! uploading file to Cloudinary. public id - '+response.public_id );
});
如果你想要活生生的例子https://plnkr.co/edit/Bm5x8jhBQNZkpz26oViw?p=preview https://plnkr.co/edit/Bm5x8jhBQNZkpz26oViw?p=preview