drag сбросьте входной файл изображений и просмотрите их перед загрузкой [duplicate]
На этот вопрос уже есть ответ:
Как установить значение ввода файла при перетаскивании файла на страницу? [Дубликат] 1 ответЯ хочу создать функцию перетаскивания div-вложений, и когда кто-то щелкает по ней, он может выбрать свое изображение.
Я что-то кодировал, и его можно - нажмите div и выберите свое изображение - просмотрите его перед загрузкой
ты можешь проверить мою скрипку
@ C
.uploader {width:300px;height:350px;background:#f3f3f3;border:2px dashed #e8e8e8;}
Javascript
var imageLoader = document.getElementById('filePhoto');
imageLoader.addEventListener('change', handleImage, false);
function handleImage(e) {
var reader = new FileReader();
reader.onload = function (event) {
$('.uploader').html( '<img width="300px" height="350px" src="'+event.target.result+'"/>' );
}
reader.readAsDataURL(e.target.files[0]);
}
HTML
<div class="uploader" onclick="$('#filePhoto').click()">click here or drag here your images for preview and set userprofile_picture data</div>
<input type="file" name="userprofile_picture" id="filePhoto" style="display:block;width:185px;" />
ты можешь проверитьhttp: //jsfiddle.net/ELcf6