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

柔情只为你懂 2022-01-07 04:41 452阅读 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 条评论，452人围观）

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

相关阅读

相关 python将图片转成base64

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

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

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

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

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

相关将文件base64编码后传输

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关 android 文件转base64，Base64转文件

在项目中需要用到文件传输入，为了传输方便最好的办法是将文件转成base64字串，再将base64字串转成字节流保存在文件了。不过这种做法的虽然简单，但还是要根据实际需要进行

ゝ一纸荒年。/ 2022年08月26日 11:21/ 0 赞/ 986 阅读

相关将图片转成base64格式

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

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

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

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

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