file对象转blob对象进行预览的实例代码

file对象转blob对象进行预览的实例代码: //获取到 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 }
file对象转blob对象进行预览的实例代码:
//获取到 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)
	}
 }
}
 
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

input file上传图片设置的实例代码 div纯input与type/div input type="file" div指明需要图片/div input type="file" accept='image/*' div指明需要多张图片/div input type="file" multiple accept='image/*' div指明调用摄像头获取图片/div input type="fil
$base64为图片的编码字符串 preg_match('/^(data:\s*image\/(\w+);base64,)/', $base64, $result);$type = $result[2]; //获取图片的类型jpg png等$name = ”xxxx".".$type; //图片重命名$savepath = ‘C:/'.$name; //图片保存目录file_put_contents($savepat
php获取textarea的数据里的每一行数据,并转为数组,适用于大部分批量操作,用于获取textarea文本框里的数据。 主要是判断回车行来执行操作 $list_array=explode("\n",$post_data);//分割回车并转为数组$list=array();foreach($list_array as $array){array_p
本文实例讲述了PHP转换文本框内容为HTML格式的方法。分享给大家供大家参考,具体如下: 有时候我们将会用到将多行文本框中输入的内容以html格式显示出来,这样子可以保持原来的文本格式,如换行、回车等。可以通过下面的函数实现: function shtm($design_st
在javascript中将GBK转UTF-8的实例代码,具体代码如下,希望能够帮到您: script type="text/javascript" var easyUTF8 = function(gbk){ if(!gbk){return '';} var utf8 = []; for(var i=0;igbk.length;i++){ var s_str = gbk.charAt(i); if(!(/^%u/i.test(e
Algorithm to convert RGB to HSV and HSV to RGB in range 0-255 for both(将 RGB 转换为 HSV 并将 HSV 转换为 RGB 的算法,范围为 0-255)