老实说，这里超出了我的深度，因此任何帮助或指导都会很棒。
我有一个非常基本的input表单，它允许我从本地文件夹中选择多个图像并将它们显示在页面上以及显示文件类型/名称/大小等信息。
我希望能够将图像拖放到页面中，而不是每次都手动搜索图像。这就是我被困的地方。我不知道我需要谷歌什么才能得到我想要的结果。我已经看到了很多file API我真的不太理解的东西。
这是我到目前为止所拥有的：https : //jsfiddle.net/umx1vpwy/
任何帮助将不胜感激！
代码：
function readImage(file) {
var reader = new FileReader();
var image = new Image();
reader.readAsDataURL(file);
reader.onload = function(_file) {
image.src = _file.target.result; // url.createObjectURL(file);
image.onload = function() {
var w = this.width,
h = this.height,
t = file.type, // ext only: // file.type.split('/')[1],
n = file.name,
s = ~~(file.size / 1024) + 'KB';
$('#uploadPreview').append('<img src="' + this.src + '"> ' + w + 'x' + h + …我构建了一个简单的演示应用来测试HTML5-Audio.当你触摸或点击机器人的头部webapp的说: "EINS",这是德国的"一"(我有我的计算机上安装此音效档测试).
您可以在此处测试演示应用程序:http://jstesproject.cwsurf.de/
(备注:机器人是phonegap图标,但没有涉及phonegap或cordova技术.它是纯HTML5,Javascript(+ jQuery)和CSS.此外,你手动点击机器人的头部,所以没有涉及自动启动. )
webapp在桌面浏览器(我测试Chrome和Firefox)和Android本机浏览器(我使用Android 4.0测试)上运行良好.但是,我不能让它在iOS下工作(iPhone,既不是Chrome也不是Safari).Audio-Object会抛出错误(代码4).
为什么是这样？如何让它在iOS下运行？没有涉及自动启动.请参阅下面的代码:
码
$(document).ready(function() {
clearLog();
log('Document ready!');
$('.clickable').click(function() {
var value = $(this).html();
playAudio('res/audio/', '1.wav');
});
});
//==============
// AUDIO
function playAudio(path, src) {
log('playAudio called! Arguments: ' + path + ', ' + src);
$('#path').html('path -> ' + path);
$('#file').html('file -> ' + path + src);
if (typeof Audio != "undefined") {
log('Playing Audio using HTML5...');
var audioUrl = path + src;
log('audioUrl: ' + audioUrl); …