1

我正在 <input type="file" accept="image/*;capture=camera"/> 为网络移动使用 html 5 文件元素来拍照,它工作正常,但我如何处理 file.value 以将其发送到网络服务或数据库?这是移动设备的演示演示链接

这是我的代码,但不起作用我无法获取文件上传值

   <html>
<script>
function getPhoto()
{
alert('2');
var fu1 = document.getElementById("myfile").value;
alert("You selected " + fu1);
}
</script>
<body>
<form>
<input type="file" name="myfile" accept="image/*;capture=camera"/>
<input type="submit"/>
<input type="button" value="get Photo path" onclick="getPhoto()">
</form>
</body>
</html>
4

2 回答 2

2

您需要使用文件 API:http ://www.w3.org/TR/FileAPI/

这是来自 html5rocks.com 的一个不错的教程:http: //www.html5rocks.com/en/tutorials/file/dndfiles/

尝试做这样的事情

HTML

<input type="file" id="myfile" name="myfile" accept="image/*;capture=camera"/>

JS

function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object, files[0] is your file
}

document.getElementById('file').addEventListener('change', handleFileSelect, false);

如果需要在 JS 中读取文件,则需要使用 FileReader API。

于 2013-01-11T20:30:44.917 回答
1

您错过了为您的输入标签提供 ID。您的输入标签将是这样的

<input type="file" name="myfile" id="myfile" accept="image/*;capture=camera"/>
于 2014-01-20T05:09:59.573 回答