クリックするとファイル入力をトリガーする画像があります
<input type="file" accept="image/*;capture=camera" id="Selector">
<img onClick="document.getElementById('Selector').click()" id="camera" />
写真を撮った後、ファイルを取得して一時的な URL を指定します。
var takePicture = document.getElementById("Selector");
takePicture.onchange = function (event) {
var files = event.target.files,file;
if (files && files.length > 0) {
file = files[0];
}
var URL = window.URL || window.webkitURL;
var imgURL = URL.createObjectURL(file);
その一時 URL を取得して、ページ上の他の画像の src として設定すると、正常に表示されます。今、その画像をサーバーにアップロードしたいと思います。AJAX を使用して、画像をサーバーに FTP 送信することになっている php スクリプトに一時 URL を送信します。ファイルはサーバーに表示されますが、想定されるサイズの一部であり、開くことができません。私が使用している PHP コマンドは次のとおりですftp_put($conn_id, $remote_file, $file, FTP_BINARY)
。 $file は一時 URL です。この方法はどれほどめちゃくちゃで、それは可能ですか?