jquery 图片转为base64
生活随笔
收集整理的這篇文章主要介紹了
jquery 图片转为base64
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!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：文件按鈕對(duì)象*//*get_data: 轉(zhuǎn)換成功后執(zhí)行的方法*/if (typeof (FileReader) === 'undefined') {alert("抱歉，你的瀏覽器不支持 FileReader，不能將圖片轉(zhuǎn)換為Base64，請(qǐng)使用現(xiàn)代瀏覽器操作！");} else {try {/*圖片轉(zhuǎn)Base64 核心代碼*/var file = input_file.files[0];//這里我們判斷下類型如果不是圖片就返回 去掉就可以上傳任意文件if (!/image\/\w+/.test(file.type)) {alert("請(qǐng)確保文件為圖像類型");return false;}var reader = new FileReader();reader.onload = function () {get_data(this.result);}reader.readAsDataURL(file);} catch (e) {alert('圖片轉(zhuǎn)Base64出錯(cuò)啦！' + e.toString())}}}</script>
</body>
</html>
?
總結(jié)
以上是生活随笔為你收集整理的jquery 图片转为base64的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： androidstudio配置夜深模拟器
- 下一篇： 备战秋招-oppo java一面 面经