JavaScriptファイルアップロードコントロールを使用しないでファイルをアップロード

Question

私は今、htmlファイルアップロードコントロールを使用してアプリケーションにファイルをアップロードしています。ファイルアップロードコントロールの代わりにチェックボックスコントロールを選択すると、ローカルディスクからファイルを取得する必要があります。アプリケーションでJavascriptコードを使用しています。これで誰でも助けてくれます。

Answer 1

FormDataのjavascriptオブジェクトhttps://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objectsを使用できますが、現代のブラウザだけで使用できます。古いブラウザの場合は、iframeを使用できます。How to make Asynchronous(AJAX) File Upload using iframe?

Answer 2

JavaScriptを使用して非表示のファイルアップロードコントロールを使用して操作できます。以下のコードを使用して、アップロードする前にプロフィール画像を選択してその場所で見ることができます。私はリンクを使用しますが、あなたが要求したようにあなたは、チェックボックスにそれを変更することができます。

function LoadImage() { 
 
    document.getElementById("ImageFile").click(); 
 
} 
 

 
function DisplayImage(FileBrowser) { 
 
    if (FileBrowser.files.length < 1) 
 
    return; 
 
    var file = FileBrowser.files[0].name; 
 
    if (file == null || file == "") 
 
    return; 
 
    var reader = new FileReader(); 
 
    reader.onload = function() { 
 
    document.getElementById("ImageDisplay").src = this.result; 
 
    }; 
 
    reader.readAsDataURL(FileBrowser.files[0]); 
 
}

<input id="ImageFile" type="file" style="visibility: hidden; height : 0; width: 0;" onchange="DisplayImage(this);" /> 
 
<a href="javascript: void LoadImage();"> 
 
    <img id="ImageDisplay" alt="Select an image" src="" /> 
 
</a>