Я использую следующее, чтобы загрузить и показать предварительный просмотр изображения перед загрузкой изображения.HTML/JS/Canvas - редактирование размера изображения перед загрузкой без base64
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
oFReader.onload = function(oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
};
<img id="uploadPreview" style="width: 100px; height: 100px;" />
<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />
<script type="text/javascript">
function PreviewImage() {
var oFReader = new FileReader();
oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);
oFReader.onload = function(oFREvent) {
document.getElementById("uploadPreview").src = oFREvent.target.result;
};
};
</script>
Как надежно редактировать размеры клиентской стороны перед загрузкой изображения? Есть ли способ избежать загрузки их как капли? Я не хочу хранить изображение в db, вместо этого я хочу сохранить его как файл и сохранить запись пути в db.
Возможный дубликат [Использовать HTML5 для изменения размера изображения перед загрузкой] (http://stackoverflow.com/questions/23945494/use-html5-to-resize-an-image-before-upload) – saj
@saj они загрузка как blob/base64. Я не хочу сохранять или обрабатывать файл в base64. Есть ли способ обойти это? –
Можете ли вы обработать его на стороне сервера? – Eva611