我正在使用 dropzonejs 将照片上传到我的网站。问题是,当我单击 dropzone 上传时,它不会显示“图库”作为选项,如下图所示:
如何添加图库作为选项?
最佳答案
事实上,为了向 Android 用户显示图库应用程序,您的 <input>
元素必须有两个明确定义的属性:
类型,即 file
和接受,如前所述,可能是 image/*
(或任何与图像相关的 mime 类型)
实现此目的的一种方法是自己实例化 Dropzone 对象,而不是依赖 <form>
的 dropzone 类。 :
// removes the magical auto discovery of dropzone forms
Dropzone.autoDiscover=false;
// add accepted mimeTypes options (comma separated string)
// myDz is the camelCased version of the id of the element that will be "dropzoned"
Dropzone.options.myDz = { acceptedFiles: 'image/*'};
$(function(){
// instantiate dropzone on element with #my-dz id
// if no action in the form or applying dropzone on a non form (ie a div),
// you should at least pass the url in an object as the second parameter
dz = new Dropzone('#my-dz' /*, {url:"/my-upload-url"}*/);
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet"/>
</head>
<body>
<div class="ctn">
<h1>Test Dropzone Android</h1>
<form action="#" method="post" class="dropzone" id="my-dz"></form>
</div>
</body>
</html>
您可以在这里找到一些有用的(尽管有点过时)信息:Uploading photos from mobile web app
PS:感谢John谁帮助我收集这些信息
关于javascript - 如何使用 Dropzonejs 将 Android 画廊中的照片上传到网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27654005/