Tag: dropzone.js

多个dropzone.js – 单页

而不是在单个dropzone元素上上传多个文件 – 是否可以在一个页面上有多个dropzone元素？ 当有多个元素时，似乎dropzone在选择对话框后甚至没有触发，每个元素都有自己的dropzone初始化

Dropzone不会在窗体内显示

我正在尝试使用带有输入和图像/文件上传器的表单，以便在按下提交按钮后将其全部上传。 但是当我把它放在一个表单中时，我的dropzone（previewsContainer）没有显示出来。 HTML nimetus tüüp @foreach($types as $type) id}}”>{{$type->name}} @endforeach aadress tellija info avalik. Varja pildid ja failid Continue 脚本 {{ HTML::script(“js/jquery-1.9.1.js”) }} {{ HTML::script(“js/jquery-ui-1.9.2.custom.min.js”) }} {{ HTML::style(‘css/basic.css’);}} {{ HTML::style(‘css/dropzone.css’);}} {{ HTML::script(‘js/dropzone.js’) }} Dropzone.autoDiscover = false; // if this is true I get “URL not defined” in console. $(document).ready(function(){ Dropzone.options.myAwesomeDropzone = { // The camelized […]

Dropzone js无法正常工作

如何在不使用表单中的类的情况下使用dropzone。 我基本上想在表单中有一个div并在该div中调用class=”dropzone” 。 但它似乎不起作用。 这是我的代码如下： var myDropzone = new Dropzone(“div#myId”, { url: “file-upload”})

在Jquery .load（）执行后，Dropzone无法正常工作

你能帮我解决一下我的问题吗？ 这是我的代码： $(document).ready(function() { $(‘#sample’).load(‘sample.html’) }); 脚本执行后，sample.html现在加载到我的… 位于dropzone js不起作用。 请帮我解决这个问题。 我无法想出如何为此做出解决方案。 谢谢！

在创建新用户后使用Dropzone.js上传，发送标头

我正在使用一个很棒的插件 – dropzone.js（dropzonejs.com）来使我的网站在注册新用户时更加花哨。 基本上，用户填写表单，将几个图像放入“dropzone”，然后单击“提交”，这会触发将表单发布到php脚本的ajax调用。 我将dropzone参数设置为enqueForUpload：false，这样可以防止文件自动上传，因为我需要在创建新用户ID后将它们上传到uploads / $ userid。 我可以给dropzone header params，我假设发布到url，类似于ajax调用，而不是数据：{‘userid’：userid}，dropzone使用header：{‘userid’：userid} …但是，dropzone在document.ready上初始化，并且由于尚未声明userid变量，dropzone无法初始化。 我猜我需要用document.ready初始化dropzone，但还没有给它标题。 然后在ajax表单处理成功并返回userid后，调用dropzone上传并在该点为其提供标题。 问题是，我不知道需要调用哪些代码来实现这一点。 准备好初始化Dropzone： $(document).ready(function(){ $(‘#dropzone’).dropzone({ url: ‘dropzoneprocess.php’, maxFilesize: 1, paramName: ‘photos’, addRemoveLinks: true, enqueueForUpload: false, }); }); 然后… $(‘#submit’).on(‘click’, function(){ validation crap here $.ajax({ type: ‘post’, url: ‘postform.php’, data: {‘various’: form, ‘values’: here} datatype: ‘json’, success: function(data){ var userid = data.userid; /* […]

dropzone.js图片上传acceptedMimeTypes

我正在使用dropzone.js插件向我的应用程序添加图像上传器。 我知道这可能是一个非常基本的问题，所以道歉但我想要做的是限制文件扩展名。 这适用于单个文件扩展名， Dropzone.options.dropzone = { accept: function(file, done) { console.log(file); if (file.type != “image/jpeg”) { done(“Error! Files of this type are not accepted”); } else { done(); } } } 所以我的问题是如何添加多个文件扩展名，即image/jpeg ， image/png ？ 谢谢

如何只使Dropzone.js预览Div可点击而不是整个表格

我必须使用dropzone.js表单，它将一些输入和一个文件上传信息发送到另一页。 我的dropzone代码看起来像这样 – > Dropzone.options.mydropzone = { maxFiles: 1, maxFilesize: 10, //mb acceptedFiles: ‘image/*’, addRemoveLinks: true, autoProcessQueue: false,// used for stopping auto processing uploads autoDiscover: false, paramName: ‘prod_pic’, previewsContainer: ‘#dropzonePreview’, //used for specifying the previews div clickable: false, //used this but now i cannot click on previews div to showup the file select dialog box […]

dropzone的“tick”标记没有显示？

我一直在使用dropzone上传我的localhost上的图像文件。 一切正常，文件正在上传和保存，但是，进度条不会被刻度线替换。 它留在那里。 这是一个截图 在这种情况下可能是什么问题，这是我的dropzone代码 Dropzone.options.myAwesomeDropzone = { paramName: “userPhoto”, // The name that will be used to transfer the file maxFilesize: 20, // MB maxFiles: 1, acceptedFiles: “.jpeg,.jpg”, dictDefaultMessage: ‘Drag an image here to upload, or click to select one’, accept: function (file, done) { done(); }, };

Dropzone js – 从同一页面拖动n Drop文件

我正在使用Dropzone插件来拖放多个文件拖放function。 当我从笔记本电脑/台式机上传图片时，拖放工作正常。 我的问题是 – 如何将n drop图像从同一页面拖放到dropzone中。 让我们说我有一个dropzone div，我有另一个有多个图像的div。 我想将这些图像拖放到dropzone中。

在一个请求中上传多个文件Dropzone发送两个请求

我试图使用DropZone js在一个请求中发送多个文件。 这是我的代码： Dropzone.autoDiscover = false; var myDropzone = new Dropzone(‘#upload-Invoices’, { paramName: “files”, maxFilesize: 3.0, maxFiles: 4, parallelUploads: 10000, uploadMultiple: true, autoProcessQueue: false }); $(‘#btnUpload’).on(‘click’, function () { myDropzone.processQueue(); }); 控制器： public void FileUpload( IEnumerable file ) { // Do Something } 视图： 正在接收文件，虽然在不同的请求中，我想在一个请求中发送所有文件，Dropzone页面有一个选项，虽然它不起作用。 提前致谢