直到大约几周前,我的网络应用程序在桌面和移动设备上运行良好,使用dropzone.js作为上传图像的拖放方式.现在我的Android设备突然发生了变化.
当它工作时:
会员点击上传按钮,系统会提示您选择要用于选择要上传的图片的应用.通常默认应用是"图库",不允许多项选择,但是当选择了Google照片时,可以选择多个图像并选择所有选中的图像.通过工具提示,我能够建议Android用户使用Google Photos副图库.
现在
相同的方案,包括能够选择要上传的多个图像.但是,当按下"完成"按钮以启动上传时,仅选择上传的第一个图像.
多个上传按照预期在桌面和iOS上运行,但无论出于何种原因,Android和/或Google Photos的某些内容已经发生了变化,这对我来说是无法理解的.
对于那些愿意花时间提供帮助的人,请在桌面和Android设备上试一试,看看行为的不同.
另请注意,小提琴中包含的.js仅供参考,并由外部相同的文件驱动.
请注意上面的小提琴实际上并没有将图像上传到任何地方,但这是我遇到问题的确切行为.脚本和数据库管理的上载部分与此问题是分开的.
所有位于一起的实际结构是具有以下脚本:
<script src="js/dropzone.js"></script>
谢谢
使用dropzone.js,我没有遇到任何问题,包括检索以前上传到服务器的图像.
我遇到的唯一问题是当我在页面刷新时从服务器检索这些文件时(意味着它们在此页面的当前使用期间未上载),将永久显示上载进度条.有没有办法抑制以前上传的图像的进度条？我想在上传时继续使用进度条,并且不想从模板中删除css.
并不是说它在这种情况下有用,但这里是我用来检索文件并在远程预览div中显示它们的代码.
Dropzone.options.myDropzone = {
previewsContainer: document.getElementById("previews"),
init: function()
{
thisDropzone = this;
$.get('../cgi/fileUpload.php', function(data)
{
$.each(data, function(key,value)
{
var mockFile = { name: value.name, size: value.size};
thisDropzone.options.addedfile.call(thisDropzone, mockFile);
thisDropzone.options.thumbnail.call(thisDropzone, mockFile, value.uploaddir+value.name);
var strippedName = (value.name).slice(11);
fileList[i] = {"serverFileName" : value.name, "fileName" : value.name, "fileSize" : value.size, "fileId" : i };
i++;
var removeButton = Dropzone.createElement("<button class=\"btn btnremove\" style=\"width: 100%;\">Remove file</button>");
var _this = this;
removeButton.addEventListener("click", function(e)
{
e.preventDefault();
e.stopPropagation();
thisDropzone.removeFile(mockFile);
});
mockFile.previewElement.appendChild(removeButton);
});
});
},
url: "../cgi/fileUpload.php"
};
即使在阅读了关于这个主题的所有SO帖子之后,也很难解决这个问题,但是这一点很难实现.
我安装了org.apache.cordova.whitelist插件,我在index.html文件中添加了Content-Security-Policy元指令,并在config.xml中添加了相应的和标签.但是,每次我运行应用程序(Android)时都会收到以下错误:
"找不到Content-Security-Policy元标记.请在使用cordova-plugin-whitelist插件时添加一个.",来源:file:///android_asset/www/plugins/cordova-plugin-whitelist/whitelist.js
这是非常基本的索引页面:
<!DOCTYPE html>
<!--
Copyright (c) 2012-2014 Adobe Systems Incorporated. All rights reserved.
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at …