javascript - 如何使用 Dropzonejs 将照片从 Android 中的图库上传到网站？-6ren

javascript - 如何使用 Dropzonejs 将照片从 Android 中的图库上传到网站？

转载作者：太空狗更新时间：2023-10-29 16:16:02

我使用 dropzonejs 将照片上传到我的网站。问题是，当我点击 dropzone 上传时，它不会显示“图库”选项，如图所示:

enter image description here

如何添加图库作为选项？

最佳答案

事实上，为了向 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/