嗨,我是使用下面的代码使用文件阅读器API来获取上传图片:JS - 文件阅读器API获取图像文件的大小和尺寸
<script type="text/javascript">
var loadImageFile = (function() {
if (window.FileReader) {
var oPreviewImg = null, oFReader = new window.FileReader(),
rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i;
oFReader.onload = function (oFREvent) {
/*get image*/
var _img = oFREvent.target.result;
console.log(oFREvent.target);
/*add img to hidden input text*/
localStorage.photo = _img;
oPreviewImg.src = oFREvent.target.result;
};
return function() {
var aFiles = document.getElementById("imageInput").files;
if (aFiles.length === 0) { return; }
if (!rFilter.test(aFiles[0].type)) {
notify("You must select a valid image file!",3400,false); return;
}
oFReader.readAsDataURL(aFiles[0]);
}
}
})();
</script>
<form name="uploadForm">
<p><input id="imageInput" type="file" name="myPhoto" onchange="loadImageFile();" /><br />
<input type="submit" value="Send" /></p>
<input type="hidden" id="photo_1_hidden" name="photo_1"/>
</form>
它的伟大工程,它返回的以base64数据图片。
现在我想获得图像文件的大小和图像的宽度和高度。
可能吗?
我试着登录控制台的文件,但我找不到我在寻找什么。
任何帮助appriciated非常感谢!
是的,但文件大小呢? – bombastic
增加了大小,对此感到抱歉,只是错过了你想要的尺寸。如果你很聪明,你可能只能提出一个请求。 –
你活版本的url有DNS问题。 – LukyVj