Загрузка файла без использования элемента управления загрузкой файла в Javascript

Question

Я загружаю файл в свое приложение, используя теперь элемент управления загрузкой html. Вместо управления загрузкой файлов при выборе элементов управления флажками мне нужно извлечь файл с локального диска. Я использую код Javascript в своем приложении. Может ли кто-нибудь помочь мне в этом.

Answer 1

Вы можете использовать javascript-объект FormData 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>