Tag: dropzone.js

如何将已上传图片的url添加到Dropzone？: 我已检索到已上传到网站的图片的url。如何以编程方式将此图像添加到我的Dropzone组件并立即查看其预览？我尝试了以下代码，但图像未显示： var mockFile = { name: “image.jpg”, size: 12345 }; imgUrl = “http://example.com/image.jpg” myDropzone.options.addedfile.call(myDropzone, mockFile, imgUrl);

Dropzone.js与一次性提交按钮: 实现Dropzone.js并希望在将所有照片添加到dropzone后进行一次性提交。现在，这是在一个wamp服务器内运行PHP kohana。由于某种原因，我无法将照片传递到php页面。在js上的Dropzone配置 $（document）.ready（function（）{ Dropzone.options.dropzoneForm = { // The camelized version of the ID of the form element paramName: “files”, autoProcessQueue: false, uploadMultiple: true, parallelUploads: 100, maxFiles: 100, previewsContainer: “.dropzone-previews”, clickable: true, dictDefaultMessage: ‘Add files to upload by clicking or droppng them here.’, addRemoveLinks: true, acceptedFiles: ‘.jpg,.pdf,.png,.bmp’, dictInvalidFileType: ‘This file type is not […]

Dropzone js不会触发ajax调用: 嗨，我目前正在Dropzone中使用我的Dropbox API，我想知道为什么我的dropzone无法调用我的ajax请求？我把我的ajax请求放在我的init:function并认为它会起作用，因为我的按钮的function工作。我想知道是否存在逻辑错误或者我错放了我的ajax请求。这是我的js Dropzone.options.files = { autoProcessQueue : false, dictDefaultMessage: “Drop files or click here to upload file(s) …”, init : function() { function uploadfiles(upl) { var files = upl.target.files; var url = “https://content.dropboxapi.com/2/files/upload”; for (var i = 0, file_name; file_name = files[i]; i++) { $.ajax({ url: url, type: ‘post’, data: file_name, processData: […]

Dropzone：动态更改acceptedFiles: 我正在尝试更改先前创建的Dropzone的acceptedFiles选项。这是我设置选项的方式： $myDropzone.options.acceptedFiles = ‘.jpg, .png’; 这是生成的Dropzone： var $myDropzone = $(“#my-dropzone”); $myDropzone.dropzone({ maxFiles: 100, maxFilesize: 32, acceptedFiles: “.jpg”}); 产生的错误是： TypeError：$ myDropzone.options未定义更新：好像这样没有运行任何错误： $myDropzone.options = { acceptedFiles: ‘.jpg, .png’ }; 但是接受新文件类型也没有变化。这里是游乐场的例子： http ： //codepen.io/anon/pen/GqqLGo

Firebase Storage和Dropzone.js按下按钮上传多个图像: 基本上我正在尝试做的是允许人们添加文件，然后按下按钮将图像上传到firebase存储。我决定使用Dropzone.js因为编写良好且可自定义的包，但我仍然难过。任何帮助将非常感谢！我有这个代码，允许我上传多个图像到firebase，但是，我希望它适合这个代码下面看到的框架： HTML JS var auth = firebase.auth(); var storageRef = firebase.storage().ref(); //Handle waiting to upload each file using promise function uploadImageAsPromise (imageFile) { return new Promise(function (resolve, reject) { var storageRef = firebase.storage().ref(“/sth/”+imageFile.name); //Upload file var task = storageRef.put(imageFile); //Update progress bar task.on(‘state_changed’, function progress(snapshot){ // Get task progress, including the number […]

如何限制dropzone.js中的最大“总”文件大小？: 目前我使用dropzone来处理Jquery中的文件上传。到目前为止它工作正常。唯一的问题是，在配置中有一个maxFileSize选项，它限制了“单个”文件大小。由于服务器（php.ini）也有“总”文件大小限制，我想知道如何在dropzone.js中限制它？非常感谢。 http://www.dropzonejs.com/#configuration-options

Dropzone.js调整图像大小以适合缩略图大小: 我正在尝试调整缩略图中的图像大小以修复框大小。我试过这个： Dropzone.options.myAwesomeDropzone = { maxFiles: 20, maxFilesize: 2, maxThumbnailFilesize: 20, acceptedFiles: ‘image/*,.jpg,.png,.jpeg’, thumbnailWidth:”250″, thumbnailHeight:”250″, init: function() { var dropzone = this, xhrs = []; $.each(uploadedImages, function (index, path) { var xhr = new XMLHttpRequest(); xhr.open(‘GET’, path); xhr.responseType = ‘blob’;//force the HTTP response, response-type header to be blob xhr.onload = function() { var file = […]

如果条件不满足，如何在Dropzone.js中取消/中止上传？: 我正在使用Dropzone.js上传文件。现在我想检查一个字段是否已填写，如果不是，则取消上传。我的HTML代码：我的jQuery代码： Dropzone.autoDiscover = false; $(‘.dropzone’).dropzone({ acceptedFiles: ‘image/jpeg’, init: function() { this.on(‘sending’, function() { if ( $(‘#title’).val().length > 0 ) { // just start automatically the uploading } else { // need a code to cancel the uploading } } } }); 当#title的长度为0时，如何取消上传？