jquery 图片转为base64

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width" /><title>jquery 图片base64</title><script type="text/javascript" src="http://s28.9956.cn/static/v4/js/jquery-1.8.3.min.js"></script>
</head>
<body><input id="testFile" type="file"><hr><img id="testImg" style="max-height: 300px; height: 8em; min-width:8em;"><hr><textarea id="testArea" style="display: block; width: 100%;height: 30em;"></textarea><input id="btnTest" type="button" value="提交base" /><script>$("#testPhone").click(function () {$("#testFile").click();});$("#testFile").change(function () {run(this, function (data) {$('#testImg').attr('src', data);$('#testArea').val(data);});});$("#btnTest").click(function () {$.ajax({url: "/usercenter/testbaseaction",type: "post",dataType: "json",data: {"content": $("#testArea").val(),},async: false,success: function (result) {if (result.Code == 200) {alert(result.Data);} else {}}});});function run(input_file, get_data) {/*input_file：文件按钮对象*//*get_data: 转换成功后执行的方法*/if (typeof (FileReader) === 'undefined') {alert("抱歉，你的浏览器不支持 FileReader，不能将图片转换为Base64，请使用现代浏览器操作！");} else {try {/*图片转Base64 核心代码*/var file = input_file.files[0];//这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件if (!/image\/\w+/.test(file.type)) {alert("请确保文件为图像类型");return false;}var reader = new FileReader();reader.onload = function () {get_data(this.result);}reader.readAsDataURL(file);} catch (e) {alert('图片转Base64出错啦！' + e.toString())}}}</script>
</body>
</html>

jquery 图片转为base64相关推荐

php 图片文件转base64编码格式,php如何将图片转为base64编码格式
php将图片转为base64编码格式的方法:首先读取图片流:然后利用[base64_encode]函数进行编码格式转换即可. PHP保存Base64图片base64_decode的问题 PHP对Bas ...
java返回图片base64_java将图片转为base64返回给前端
本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下一.controller端代码 @RequestMapping(value = "/capt ...
为什么要将图片转为base64格式
图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址; 1. 提升性能: 网页上的每一个图片,都是需要消耗一个 http 请求下载而来的, 图片的下载始终都要向服 ...
Nodejs 使用 Buffer 将图片转为 base64
一直以为图片转为 base64 很复杂,结果今天看了下 Docusaurus 的 plugin-ideal-image 插件源码,居然只要一行代码就完事了: const toBase64 = (ext ...
Java将图片转为Base64
Java将图片转为Base64 import net.coobird.thumbnailator.Thumbnails; import org.apache.commons.codec.binary. ...
java 上传图片转base64_java将图片转为base64返回给前端
本文实例为大家分享了java将图片转为base64返回给前端的具体代码,供大家参考,具体内容如下一.controller端代码 @RequestMapping(value = "/capt ...
使用canvas.toDataURL把图片转为base64格式
使用canvas.toDataURL把图片转为base64格式 function getBase64(url) {//通过构造函数来创建的 img 实例,在赋予 src 值后就会立刻下载图片,相比 c ...
php将上传的图片转为base64,html5实现把上传的图片转成base64编码在显示（代码实例）...
本章给大家介绍html5实现把上传的图片转成base64编码在显示(代码实例).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来详细的看一看base64编码: 什么是bas ...
Java处理富文本编辑器的图片转为base64编码
一.需求(场景) 后台(内网)通过富文本编辑器编辑的图文信息,需要在移动端(外网)展示,需要将内容中的图片的src的路径替换成base64编码的传递到前台. 二.思路 1.获取内容中的<img& ...

jquery 图片转为base64

jquery 图片转为base64相关推荐

最新文章

热门文章