将图片转化为base64

解释说明:我先是从本地选择一张图片,确定之后会显示图片的预览,有个隐藏域会存着我base64的码,然后提交的时候会存在数据库中,在数据库中,存base64的那个字段的类型得是text或者是longtext,在选择图片的时候,选择特别大的图片是不会转化为base64的,也存不到数据库中

1.在jsp上写上相应的代码

<td class="td_marked">上传图片:</td>
<td class="td_content">
	<input type="file" id="fielinput" hidden="hidden"> 
	<img id="txshow" style="width: 100px; height: 100px;" alt="请点击选择图片" /> 
	<textarea rows="3" id="base" style="width: 100%;" name="photoStr" hidden="hidden">         </textarea>
</td>

2.在js文件中进行转化

    /**
	 * js上传图片转为base64
	 */
	function base() {
		var input = document.getElementById("fielinput");
		var txshow = document.getElementById("txshow");
		input.addEventListener('change', readFile, true);
		txshow.onclick = function() {
			input.click();
		}
	}

	function readFile() {
		var file = this.files[0];
		var reader = new FileReader();
		reader.readAsDataURL(file);
		reader.onload = function(e) {
			txshow.src = this.result;
			$("#base").val(this.result);
		}
	}

猜你喜欢

转载自blog.csdn.net/cxc_happy111/article/details/81428351