直接复制，修改jquery为你的本地路径，本js可以把file选择的图片，转化为base64对象。无论是回显，还是转成图片，或者直接上传后台都是可以滴。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><form action="" method="post"><input type="file" id="textfile" accept="image/*" /> 上传<div class="upP_img1"> 预览框</div><img id="newimg" /></form></body><script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">$('#textfile').on('change', function() {var reader = new FileReader(); //新建获取file的读取文件var imgsrc = null;var _file = this.files[0],//获取的的图片fileType = _file.type; //图片类型 reader.readAsDataURL(this.files[0]); //输出base64图片reader.onload = function(e) { //字面理解是加载图片，得到结果吧，不是很理解imgsrc = this.result; //输出结果// 压缩var image = new Image(); //新建图片image.src = imgsrc;image.onload = function() {var that = this;//生成比例 var w = that.width,h = that.height,scale = w / h;w = 480 || w; //480 你想压缩到多大，改这里h = w / scale;//生成canvasvar canvas = document.createElement('canvas');var ctx = canvas.getContext('2d');$(canvas).attr({width: w,height: h});ctx.drawImage(that, 0, 0, w, h);var upsrc = canvas.toDataURL('image/jpeg', 1 || 0.8)console.log(upsrc)}}});</script></html>
如果觉得《js获取input file框（文件上传框）内容 上传后台》对你有帮助，请点赞、收藏，并留下你的观点哦！
