dropzone.js

问题 Using Dropzone.js, I need to detect the dimesions of the image when added files and apply them to its parent .details div. The following code code works and return an alert with the added image width. myDropzone.on("addedfile", function(file, xhr) { var fr; fr = new FileReader; fr.onload = function() { var img; img = new Image; img.onload = function() { return alert(img.width); }; return img.src = fr.result; }; return fr.readAsDataURL(file); }); The thing is that I have no idea how to assign

问题 Using Dropzone.js, I need to detect the dimesions of the image when added files and apply them to its parent .details div. The following code code works and return an alert with the added image width. myDropzone.on("addedfile", function(file, xhr) { var fr; fr = new FileReader; fr.onload = function() { var img; img = new Image; img.onload = function() { return alert(img.width); }; return img.src = fr.result; }; return fr.readAsDataURL(file); }); The thing is that I have no idea how to assign

问题 I'm trying to integrate dropzone.js into a bigger form and send the entire form along with the upload file. But I only receive the additional data on my upload endpoint, not the file that I uploaded with dropzone.js. This is my html form <form enctype="multipart/form-data" method="POST"> <div class="dropzone mb-2" id="myDropzone" style="width: 400px;"> <div class="dz-message needsclick"> <button type="button" class="dz-button"> Drop files here or click to upload. </button> </div> </div> <div>

问题 I am facing a problem using Dropzone with an image: Dropzone is sending a file to my server that is different from the original file. I am using the library from the CDN https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.7.0/dropzone.min.js. The file I send is https://picciao.com/img/photo-1.jpg The file I receive on my server is https://picciao.com/img/products/k1fDK7MRp40c3TVwPOu4FZOO.jpg As you can see, the image hasn't the same orientation. I do not understand where Dropzone is modifying

问题 I want to use dropzone on with id. But my Dropzone.options.myid={} is not working. How to validate file type, size in var myDropzone = new Dropzone("div#myid", { url: "/file/post"}); I cant use tag console.log file is not working why? My source: <div id="myid" style="width: 500px; height: 300px; border: 1px solid black">click here</div> javascript var myDropzone = new Dropzone("div#myid", { url: "dropzoneupload"}); Dropzone.options.myid = { paramName: "file", // The name that will be used to

问题 So I've tried looking through previous answers on here and nothing seems to be working. I'm using Dropzone, which appears to make an OPTIONS request to get all the allowed CORS related information, but it doesn't seem to be returning properly So from looking in the Chrome dev tools, I have the following Request Headers Host: mybucket.s3.amazonaws.com Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Access-Control-Request-Method: POST Origin: http://localhost:9010 User-Agent:

问题 With below code i got all uploaded images with DropZone ,but i now i have a simple problem, it already showing Original images as thumbnail but i need to show thumbnail with base64 same as dropzone made when want to upload new image. dropzone.js init: function() { var thisDropzone = this; var pageid = $("#pageid").val(); $.getJSON('plugin/dropzone/get_item_images.php?id='+pageid, function(data) { $.each(data, function(key,value){ var mockFile = { name: value.name, size: value.size };

问题 With below code i got all uploaded images with DropZone ,but i now i have a simple problem, it already showing Original images as thumbnail but i need to show thumbnail with base64 same as dropzone made when want to upload new image. dropzone.js init: function() { var thisDropzone = this; var pageid = $("#pageid").val(); $.getJSON('plugin/dropzone/get_item_images.php?id='+pageid, function(data) { $.each(data, function(key,value){ var mockFile = { name: value.name, size: value.size };

问题 Currently I am using Dropzone JS to upload files to server along with some form data. here dropzone JS uploads all form data using ajax request. but i want to send data using regular http request. How can i achieve this ? Update Actually i want to perform some redirection based on few conditions after submitting form data along with files. So i need regular HTTP request. i tried autoProcessQueue but no use becuase after submitting , Dropzone is using XMLHttp request to send data. 回答1:

问题 I have an issue regarding Dropzone.js, I am looking to be able to change the post URL dynamically such as : window.onload = function() { myDropzone = new Dropzone("#my-awesome-dropzone", { url: "upload_file.php" }); myDropzone.on("complete", function(file) { myDropzone.removeFile(file); }); } Where you see url: "upload_file.php", I would like to change this property as and when I need to, this to enable me to change the path that files are stored so i can do something similar to: url: "upload