javascript - 如何使用 Dropzonejs 将 Android 画廊中的照片上传到网站?

标签 javascript android dropzone.js

我正在使用 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/

相关文章:

Dropzone.js - 如果上传失败则删除预览文件

javascript - 替换类名

用于在非 SPA 站点上构建可重用组件的 Javascript MVC 框架

android - AsyncHttpClient 身份验证失败

android - 如何使用 Xamarin Visual Studio 2015 构建 Android App Bundle?

node.js - 使用 NodeJS 进行多部分文件上传

javascript - 下载空白页 (toDataURL())

javascript - 在 AngularJS Controller 中获取 $resource 调用的值

android - 在 Eclipse 中无法检测到 Sony Xperia

javascript - Dropzone 最大文件大小超出事件