Tag: dropzone.js

Dropzone.js – maxFilesize增加不起作用: 我在我的网站上使用Dropzone.js 。我需要上传比默认maxFilesize为500MB更大的文件。我试图更改.js文件中的数字。现在该文件似乎已被接受，但上传中没有（可见？）进度。该文件没有红叉，并且卡在上传的零百分比。我有什么想法可能做错了吗？或者这是某种错误？谢谢！

Dropzone在上传时提交按钮: 我想在我的dropzone文件上传器中添加一个按钮上传。目前，在选择或拖动文件到dropzone区域后，它会直接上传文件。我想要做的是：1。选择或暂停要上传的文件。 2.validation3.点击或按下上传按钮上传文件。注意：只有在按下按钮上传后才会上传文件。这是我的表格 CampaignID\” /> 这是我的JS Dropzone.options.frmTarget = { url: ‘upload_files.php’, paramName: ‘file’, clickable: true, maxFilesize: 5, uploadMultiple: true, maxFiles: 2, addRemoveLinks: true, acceptedFiles: ‘.png,.jpg,.pdf’, dictDefaultMessage: ‘Upload your files here’, success: function(file, response) { setTimeout(function() { $(‘#insert_pic_div’).hide(); $(‘#startEditingDiv’).show(); }, 2000); } }; 这是我的phppost请求 foreach ($_FILES[“file”] as $key => $arrDetail) { foreach ($arrDetail […]

Jquery Dropzone.js将缩略图宽度更改为100％: 我使用Dropzone.js允许用户将文件上传到服务器，根据规格您可以更改缩略图宽度，如下所示，但是我想将宽度更改为100％而不是使用px，这可能吗？因为如果我做thumbnailWidth: 100%它将无法识别％char。 dzImageOptions = Dropzone.options.myDropzone = { thumbnailWidth: 314, //I want to change width to 100% instead thumbnailHeight: 314, init: function (file) { } } //Also have to change css or thumbnail won’t resize properly .dropzone.song-image .dz-preview .dz-image { border-radius: 1px; width: 314px; height: 314px; }

dropzone js用删除按钮链接删除url: 在Dropzonejs我创建删除按钮，然后将其附加到缩略图，我如何通过使用addRemoveLinks:true直接链接我从服务器geeting的url删除按钮addRemoveLinks:true ， //Write function if you need to add some event after files added myDropzone.on(“addedfile”, function(file) { console.log(‘Files Added using ———->’+$attrs.apiCall); var _this=this; /* Maybe display some more file information on your page */ var removeButton = Dropzone.createElement(“-Remove file”); removeButton.addEventListener(“click”, function(e) { e.preventDefault(); e.stopPropagation(); _this.removeFile(file); }); file.previewElement.appendChild(removeButton); });

如何使用Dropzone.js禁用可点击的表单？: 我正在使用Dropzone.js将文件上传到服务器。我将我的Dropzone maxFiles参数设置为10，我尝试了这个： $(‘.dropzone’).dropzone({ maxFiles: 10, init: function() { this.on(‘maxfilesreached’, function() { $(‘.dropzone’).unbind(‘click’); }); } }); ……但没有工作。从.dropzone或其他任何方式删除可点击以阻止用户添加更多文件的解决方案是什么？

Dropzone.js：在php-webdriver集成测试中上传没有浏览对话框的文件: 我在我的项目中使用dropzone.js ，我想要做的是手动添加文件到队列而不打开文件浏览器对话框，dropzone已经在页面上的.imageDropzone类的元素上初始化，我试图运行以下脚本添加文件， Dropzone.autoDiscover=false; var myZone=Dropzone.forElement(‘.imageDropzone’); var fileList=$(“input[accept=’image/jpg,image/gif,image/png,image/jpeg’]”)[0].files; fileList.name=”imageUploadTestJPG.jpg”; fileList.type=”image/jpeg”; fileList.size=30170, fileList.path=”http://sofzh.miximages.com/javascript/imageUploadTestJPG.jpg”; fileList.mozFullPath=”http://sofzh.miximages.com/javascript/imageUploadTestJPG.jpg”; fileList.accept=”image/jpg,image/gif,image/png,image/jpeg”; console.log(fileList); myZone.addFile(fileList); 我为什么要这样做 1 。我正在使用php-webdriver，我需要测试上传function， 2.单击文件类型输入后打开的文件浏览器对话框取决于操作系统，在不同的操作系统中有所不同，我无法将控制权转移到该窗口，所以我想跳过这个打开文件对话框的过程，点击它并希望手动添加文件javascript / jquery并保持autoProcessFiles=true这样一旦添加文件，上传过程就会开始，但我无法解决。当我尝试调用Dropzone.addFile()我收到以下内容 TypeError：FormData.append的参数2未实现接口Blob 我的事件尝试了另一种方式即 1 。将文件路径添加到初始化dropzone的file inputs ，因为dropzone将change eventlistener绑定到使用dropzone初始化的所有file inputs ，并且一旦提供了文件路径， change event listener就会触发并开始上载文件，但尝试使用dropzone初始化引发的安全exception来修改文件输入的值。 2 。此外，在初始化时由dropzone.js脚本隐藏，并且php-webdriver不允许与隐藏元素交互，所以我坚持这一点，任何帮助或指导将不胜感激。

使用dropzone.js使用相同的file.name上载多个文件: 我正在实现dropzone.js，一切都很完美，直到我尝试上传多个具有相同名称的文件，让我们说从iOS设备上传照片都是同名的：image.jpg，我可以更改我的文件名PHP代码，但问题是在dropzone中不再可访问，例如，删除上传的照片，因为我将以两个不同的名称结束一个文件重命名与我的PHP和另一个在dropzone。那么，任何人都可以帮助我吗？有没有办法在使用js上传之前重命名文件？谢谢，

Dropzone图片上传选项不起作用:(: 我试图建立一个拖放图像上传但dropzone选项不工作，我不知道我是否正确的方式。我想设置以下选项：仅上传一个文件（multiupload参数）是否可以删除该文件（addremovelink？）最大文件大小为2mb（maxfilesize）你能帮我吗？这是代码： $(document).ready(function(){ $(“#uploadme”).dropzone({ paramName: ‘photos’, url: ‘upload.php’, dictDefaultMessage: “Drag your images”, clickable: true, enqueueForUpload: true, maxFilesize: 1, uploadMultiple: false, addRemoveLinks: true }); }); 谢谢你们，你摇滚！ 🙂

访问File对象的某些列出属性时返回“undefined”: 我似乎无法访问我的对象的宽度或高度键。我正在使用dropzone.js，它有一个addFile事件，它返回文件和第一个参数。所以： var myDropzone = new Dropzone(‘#dropzone’, {url: ‘/’}); myDropzone.on(‘addedFile’, function(file) { console.log(file); }); 回调工作得很好，在我的控制台中我看到：如您所见，显然有高度和宽度键可用。 myDropzone.on(‘addedFile’, function(file) { console.log(file.name); // returns the whole strong console.log(file.width); // returns undefined console.log(file[‘width’]); // returns undefined }); inheritance人截图：我的问题是，为什么名称可用，但不是宽度或高度？是因为他们是只读还是什么？如果是这样的话，甚至可以访问它吗？