Dropzone圖片上傳選項不起作用:(
[英]Dropzone image upload options not working :(
問題描述
我試圖建立一個拖放圖像上傳但dropzone選項不工作，我不知道我是否正確的方式。
我想設置以下選項：
僅上傳一個文件（multiupload參數）
刪除該文件的可能性（addremovelink？）
最大文件大小為2mb（maxfilesize）
你能幫我嗎？
這是代碼：
<html>
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="dropzone.js" type="text/javascript"></script>
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<link href="css/dropzone.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("#uploadme").dropzone({
paramName: 'photos',
url: 'upload.php',
dictDefaultMessage: "Drag your images",
clickable: true,
enqueueForUpload: true,
maxFilesize: 1,
uploadMultiple: false,
addRemoveLinks: true
});
});
</script>
<form action="upload.php" class="dropzone">
<div id="uploadme" class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
</body>
</html>
謝謝你們，你搖滾！ :)
3 個解決方案
解決方案1
14 已采納 2013-09-14 07:38:57
只需在Jquery調用之前添加
Dropzone.autoDiscover = false;
並從<form>刪除操作。 這將禁用自動發現功能，以便您可以為表單指定所有選項。
這是你的代碼應該是這樣的：
<html>
<head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="dropzone.js" type="text/javascript"></script>
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<link href="css/dropzone.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
Dropzone.autoDiscover = false;
$("#uploadme").dropzone({
paramName: 'photos',
url: 'upload.php',
dictDefaultMessage: "Drag your images",
clickable: true,
enqueueForUpload: true,
maxFilesize: 1,
uploadMultiple: false,
addRemoveLinks: true
});
});
</script>
<form action="" class="dropzone">
<div id="uploadme" class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
</body>
</html>
解決方案2
4 2016-12-11 04:52:48
在我的情況下，我不得不使用vanilla JS Dropzone Class實例化並將Dropzone.autoDiscover = false; 在$(document).ready函數之外。
HTML：
<form id="image-upload" action="/upload" class="dropzone" method="post" name="file"></form>
JavaScript的：
<script>
Dropzone.autoDiscover = false;
$(document).ready(function() {
var myDropzone = new Dropzone('form#image-upload',{
maxFiles:12,
acceptedFiles: 'image/*',
dictInvalidFileType: 'This form only accepts images.'
});
});
解決方案3
1 2014-01-23 00:01:03
maxFilesize: 2,
uploadMultiple: false,
addRemoveLinks: true,
maxFiles: 1,
autoProcessQueue: false
您需要添加一個按鈕或事件處理程序以允許處理預覽文件，如果您讓它autoProcessQueue您沒有時間來決定是否需要該文件，除非您在“進程”中添加事件處理程序“事件。
$("#uploadme").dropzone.processQueue()
dropzone.js圖片上傳acceptedMimeTypes
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.