首页 > 其他分享 >js:上传图片,通过file对象或blob对象获取用于显示的url,获取图片的base64编码;限制文件类型

js:上传图片,通过file对象或blob对象获取用于显示的url,获取图片的base64编码;限制文件类型

时间:2023-09-14 15:47:52浏览次数:47  
标签:result 对象 fileReader base64 获取 blob file 图片

1 //  URL.createObjectUrl(file):同步执行;创建一个指向file/blob对象的url,可用于元素的src/href属性
2 
3 //  fileReader.readAsDataURL():异步执行;读取file/blob对象的内容,result属性将返回一个包含data:URL格式的base64字符串
4 
5 //  fileReader.readAsDataURL() 是异步的,所以需要通过filr.onload()回调函数内取base64编码;
6 
7 // onl oad()事件:当读取操作成功完成时调用;
8 
9 //  base64编码取值方法:直接通过:fileReader.result取值;或是通过:回调函数的参数.target.result取值

 

下面是封装好的公共函数,传入参数为(file/bolob对象,类型数组)

 

下面是调用方式

 

标签:result,对象,fileReader,base64,获取,blob,file,图片
From: https://www.cnblogs.com/HE0318bei/p/17702665.html

相关文章

  • 删除根目录(文件夹里的)图片
    publicstringdelimge(stringAttachmentID,stringfileUrl){stringconnstrs="";try{connstrs=this.Request.Headers["ProjectType"].ToString();}catch(Exceptione){connstrs="SqlConnectio......
  • 获取JavaApplication当前工程路径
    前日因工作中使用到日志和配置工具类,使相关信息输出文件中,因此总结了一下java中获取当前路径的方法(非web工程)。1、File类:Filefile=newFile(".");System.out.println(file.getCanonicalPath());//如果是..则返回上一级文件夹System.out.println(file.getAbsolut......
  • 使用aapt dump命令获取Apk信息
    因工作需要,前一段时间继续又遇到了解析Apk信息的工作。由于这次需要读取android资源文件中的内容,因此使用了aapt工具,简单记录一下过程如下:  1.使用java.util.zip解包apk,使用AXMLPrinter反编译AndroidManifest.xml文件,解析XML文件获取:包名,版本号,最低sdk版本名,用户权限信息。......
  • Java图片剪裁功能实现
    目前一些社交型互联网应用都有一些上传图片(例如头像,照片等)对预览图进行剪裁的功能。前一段时间在工作也遇到这个问题,总结一下基本实现步骤及代码(包含图片放大,缩小,设置品质,对指定点区域剪裁功能),使用JPEG格式图片测试通过,其它格式图片尚未验证。一、基本步骤:1.将图片文件的InputS......
  • flutter解析html的图片和链接
    html链接内容如下:"<p><ahref="https://www.hihonor.com/cn/m/notice-14658"rel="nofollow"><imgalt="750.png"src="https://hshop.honorfile.com/pimages/detailImg/2023/08/31/C757CDF3D975230D36F9176D41A90......
  • 小程序获取日期 年月日
    在小程序中,可以使用Date对象来获取当前的年、月和日 constnow=newDate();constyear=now.getFullYear();//获取当前年份constmonth=now.getMonth()+1;//获取当前月份,注意月份是从0开始的,因此需要加1constday=now.getDate();//获取当前日期console.l......
  • 如何获取自己Visual Studio中的_MSC_VER数值?
      本文介绍查看VisualStudio软件_MSC_VER值的方法。  _MSC_VER是微软公司推出的C/C++编译器——MSVC编译器的一个内置宏,其值表示当前VisualStudio软件中MSVC编译器的具体版本。不同的VisualStudio软件版本对应着不同的MSVC编译器版本——无论是不同发布年份的版本(例如Visua......
  • 12 获取类运行时的结构
    packageannotate;importjava.io.File;importjava.lang.reflect.Constructor;importjava.lang.reflect.Field;importjava.lang.reflect.Method;publicclassTest12{publicstaticvoidmain(String[]args)throwsException{Classc1=Body.clas......
  • 七牛云存储____js打水印加上传图片
    <%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><% Stringpath=request.getContextPath(); StringbasePath=request.getScheme()+"://" +request.getServerName()+":"+......
  • 七牛云存储____七牛js直接上传图片
    <%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getS......