//获取到 file文件
var reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = function (event) {
  let blob = new Blob([event.target.result], { type: file.type });
   //{ type: file.type } 预览blob发现乱码可能是type不对  要获取file文件的type
  window.URL = window.URL || window.webkitURL;
  let blobURL = window.URL.createObjectURL(blob);
  //blobURL 就是需要的blob预览路径
  //下面是获取图片的大小
  var img = new Image(); 
  img.src = blobURL;
  if (img.complete) {
	console.log(img, img.width, img.height)
  } else {        
	img.onload = function () {
	  console.log(img, img.width, img.height)
	}
 }
}

预览 file

html vue validate adobe dreamweaver hbuilder vscode aptana editor dedecms ckeditor 编辑器 过滤 规则 织梦 图片本地化 模板 缩略图 图集 图片删除 ajax 瀑布流 无限下拉 cms 判断 sql 清除 tag 文档数 angularjs2 按钮 切换效果 vue3 thinkphp yii2 css 项目列表 li go Beego Buffalo Echo Gin Iris Revel 百度云 虚拟主机 pbootcms 伪静态 框架 排序 数据库 对象 字段 sql语句 php 字符串 分割 D3.js bootstrap 函数 svg selectAll 织梦cms 关键词 解析 采集 长度限制 日期 正则表达式