Как передать выбранное изображение на стороне клиента с помощью jquery?

Question

Вот HTML исходный код для выбранного файла изображения на стороне клиента:

Нам нужно извлечь изображение для дальнейшей обработки. Мы попытались

var f = $(this).file[0] 
var f = $('#uploaded_file_file_for_upload').file[0] 

В обоих случаях возникает ошибка f не defined.

getElementById работает, но то, что она возвращает не объект изображения:

var f = document.getByElementId('uploaded_file_file_for_upload') 

Что такое правильный способ, чтобы получить изображение, выбранное в JQuery?

Answer 1

вы можете посмотреть на этот источник: https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

рассматривает этот HTML:

<input type="file" id="upload_file_file_for_upload"> 

мы можем использовать jquery, чтобы получить файл:

var f= $('#upload_file_file_for_upload')[0].files[0]; 

Answer 2

Если вы просто пытаетесь захватить идентификатор, попробуйте

var f = $('#upload_file_file_for_upload')