js将文件转成Base64编码字符串

柔情只为你懂 2022-01-07 04:41 435阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>简单的html5 File测试 for pic2base64</title>
    <style>
    </style>
    <script>
        window.onload = function () {
    var input = document.getElementById("fielinput");
    var txshow = document.getElementById("txshow");
    if (typeof (FileReader) === 'undefined') {
    result.innerHTML = "抱歉，你的浏览器不支持 FileReader，请使用现代浏览器操作！";
    input.setAttribute('disabled', 'disabled');
    } else {
    input.addEventListener('change', readFile, false);
    txshow.onclick = function () { input.click(); }
    }
    }
    function readFile() {
    var file = this.files[0];
    //判断是否是图片类型
    /*if (!/image\/\w+/.test(file.type)) {
    alert("只能选择图片");
    return false;
    }*/
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
    txshow.src = this.result;
    document.getElementById("data").innerText=this.result.substring(this.result.indexOf(',')+1);
    }
    }
    </script>
    </head>
    <body>
    <input type="file" id="fielinput" />
    <img id="txshow" style="width:100px;height:100px;"/>
    <br/>解析之后的base64数据：<br/>
    <p id="data"></p>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，435人围观）

还没有评论，来说两句吧...

相关阅读

相关 python将图片转成base64

import base64 def image_to_base64(image_path): with open(image_path

港控/mmm°/ 2024年03月22日 17:02/ 0 赞/ 49 阅读

相关 java 将base64字符串转换成图片

package kf.ats.gvnsvr.client.taizhou.common; import java.io.OutputStream; im

àì夳堔傛蜴生んèń/ 2024年02月19日 21:59/ 0 赞/ 35 阅读

相关将文件base64编码后传输

本文与另一篇--<<将文件base64解码后输出>>搭配使用 1.定位文件所在的位置 2.将文件File类型转化为Multipart

Myth丶恋晨/ 2023年10月11日 22:32/ 0 赞/ 34 阅读

相关 php实现将图片文件转成base64编码

最近在使用阿里云的证件照检测接口，阿里云的证件照检测接口的图片信息需要将图片进行base64编码传输，这里我们使用base64\_encode方法实现将图片信息进行base64

迈不过友情╰/ 2023年10月06日 16:16/ 0 赞/ 49 阅读

相关 java中文件转Base64字符串及Base64字符串转文件

文件转Base64字符串及Base64字符串转文件 import org.apache.commons.codec.binary.Base64;

女爷i/ 2022年12月28日 04:04/ 0 赞/ 215 阅读

相关 Java将base64字符串转成MultipartFile类型

一、写一个base64转multipartfile工具类BASE64DecodedMultipartFile，注意实现MultipartFile接口 packag

旧城等待，/ 2022年12月07日 15:06/ 0 赞/ 428 阅读

相关 JS_input type=“file“ 选择文件后转base64编码字符串

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

谁借莪１个温暖的怀抱￠/ 2022年12月05日 01:36/ 0 赞/ 991 阅读

相关将图片转换为Base64编码字符串、解析Base64编码字符串后生成图片

目录代码结果注意代码 public class Test { pu

深碍√TFBOYSˉ_/ 2022年09月10日 06:14/ 0 赞/ 293 阅读

相关将图片转成base64格式

将图片转成base64好处是减少页面的http请求,个人建议用在那种多页面用同一张比较小的图，因为大的图转码生成的字符串编码会很长,写入页面影响页面的可读性，不怎么方面后期的调

偏执的太偏执、/ 2022年03月22日 15:47/ 0 赞/ 396 阅读

相关 js将文件转成Base64编码字符串

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

柔情只为你懂/ 2022年01月07日 04:41/ 0 赞/ 436 阅读