首页 > 其他分享 >input 上传图片 Base64 格式的 可预览

input 上传图片 Base64 格式的 可预览

时间:2023-07-03 16:47:19浏览次数:39  
标签:target 预览 Base64 let result reader input

   <input type="file" @change="aas" name="" id="">      aas(e){ // console.log(e.target.files) // let a = new FormData
               let file = e.target.files[0]                 let reader = new FileReader()                 reader.readAsDataURL(file)                 reader.onload = function (result) {
                   let datas = result.target.result // 图片地址 Base64 格式的 可预览                    console.log(datas)       //可预览的图片                                }     },

标签:target,预览,Base64,let,result,reader,input
From: https://www.cnblogs.com/zhangershi/p/17523244.html

相关文章

  • input框限制输入内容
    <inputv-model="request.idCardNo"maxlength="18"@input="typeInput($event)"placeholder="请输入您的身份证号">对应在methods中的方法 typeInput(event){ //只能输入数字和字母的验证; constinputType=/[\W]/g//想限制什么类型在这里换换正......
  • vue2 input和select无法正常回显
    背景:使用vue进行对象赋值,如果是一个未在data声明的属性,会导致双向绑定无法正常回显。<template><div><div><labelfor="">姓名</label><inputv-model="info.name"type="text"></div><div>......
  • 如何使用libavfilter库给输入文件input.yuv添加视频滤镜?
    一.视频滤镜初始化本次代码实现的是给输入视频文件添加水平翻转滤镜,在视频滤镜初始化部分我们可以分为以下几步进行:1.创建滤镜图结构视频滤镜功能最核心的结构为滤镜图结构,即AVFilterGraph结构,我们调用avfilter_graph_alloc()函数就可以创建一个滤镜图结构。......
  • [C#] 使用 ReadConsoleInput 所需要注意的问题.
    如果要使用鼠标输入,那么需要:启用鼠标输入,只有启用之后,才能接收到鼠标事件关闭控制台的快速编辑模式,很多人的控制台都启用了快速编辑模式,它会导致鼠标输入无效任何情况下,都需要:不使用除ReadConsoleInput之外的任何输入方法,因为它们会和你争抢ReadConsoleInput的......
  • Base64编码和解码字符串
    Base64编码和解码字符串packagecom.example.core.mydemo.cpic;importorg.apache.commons.codec.binary.Base64;/***strEncode=aGVsbG8gd29ybGQ=*strDecode=helloworld*/publicclassBizRequestBase64Test{privatestaticfinalStringCHAR_SET_UTF_8=......
  • response文件流是预览还是下载的区别
    response文件流是预览还是下载的区别加上 response.setHeader("Content-Disposition",getFileName(file,request));response.setContentType("application/force-download");表示只能下载不能预览完整的下载代码如下:@ApiOperation("下载文件")@GetMapping(value......
  • js原生方法:获取某个元素所处屏幕的位置,input输入框中文输入时的调用
    span.getBoundingClientRect()会返回改元素的位置信息//输入框内容改变functioninputSearchChange(){//如果是拼音输入,则会进入这个监听inputSearch.addEventListener('compositionstart',()=>{lastInputValue=inputSearch.valueisPinyin=true}......
  • iview的table里面套Input
    {title:'误差下限',key:'yLowerLimitError',align:'center',minWidth:100,render:(h,params)=>{......
  • delphi如何把json传递过来的base64值转成图片
    资料来原:https://blog.csdn.net/red_eye/article/details/129634709   在Delphi中,您可以使用TNetEncoding.Base64.DecodeString方法将JSON传递过来的Base64编码字符串转换为原始二进制数据。然后,您可以将该二进制数据保存为图像文件或将其加载到TImage组件中以显示图像。以......
  • sun.misc.BASE64Encoder().encode()的替代方案
    sun.misc.BASE64Encoder().encode 方法可以由 java.util.Base64 类来替代。java.util.Base64 类是Java8中引入的标准库,专门用于进行Base64编码和解码操作。要替代 sun.misc.BASE64Encoder().encode 方法,您可以使用 java.util.Base64 类的 getEncoder() 方法获取一......