Можно ли загрузить файл, передав его URL FileReader
метод?
Проблема в том, что у меня есть документы, размещенные на двух страницах — лицевой и оборотной (или сбоку — A и сбоку B — sa
а также sb
), отсканированные в изображениях 0001sa.jpg
, 0001sb.jpg
и т.д. Я должен визуализировать их части в браузере, а затем поместить их URL-адреса в базу данных.
Если пользователь помечает оба файла, это легко:
function readURL(input) {
if (input.files && input.files[0]) {
filelst = input.files;
$("#pict_name").val( filelst[0].name);
var reader = new FileReader();
reader.onload = function (e) {
$('#imgPrev').attr('src', e.target.result).css('max-width', '2200px');
$('#imgPrev').attr('data-zoom-image', e.target.result);
// imgPrev is the ID of the div, where I place the preview
// of part the image
}
reader.readAsDataURL(input.files[0]);
var reader_b = new FileReader();
reader_b.onload = function (eb) {
$('#imgPrev1').attr('src', eb.target.result).css('max-width', '2100px');
$('#imgPrev1').attr('data-zoom-image', eb.target.result);
//I have to visualize different part of the back of the document
}
reader_b.readAsDataURL(input.files[1]);
}
}
Но нажатие двух файлов не удобно для операторов и
предрасполагает к ошибкам. Если бы я мог использовать URL-адрес спины, чтобы загрузить его, можно даже разделить файлы в разных каталогах.
Хо я могу достичь этого или FileReader
не правильный метод в этом случае?
Вы можете загрузить несколько файлов, используя Ajax. Попробуйте использовать загрузку файла ajax с jQuery. Есть также много доступных загрузчиков на основе jQuery.
Других решений пока нет …