1

Web モバイル用のhtml 5 <input type="file" accept="image/*;capture=camera"/> ファイル要素を使用して写真を撮っていますが、正常に動作しますが、file.value を処理して Web サービスまたはデータベースに送信するにはどうすればよいですか? ここにモバイルデバイス用のデモがありますデモリンク

ここに私のコードがありますが、動作しません。ファイルのアップロード値を取得できません

   <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 に答える