上传图片转为base64码再以url形式传值

最新推荐文章于 2024-05-20 22:28:51 发布

原创最新推荐文章于 2024-05-20 22:28:51 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

Function 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一种在网页上通过JavaScript实现合同图片上传的方法。利用FileReader API将选择的文件转化为DataURL格式，并将其值存储在隐藏输入框中，以便于后续处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<td>合同图片：</td>
<td>
	<input type="file" id="" value="" onchange="basess(this)" placeholder="请填写" style="width: 80%;height: 45px;border:1px solid #d7d7d7;border-radius: 5px;" />
							
	<input type="hidden" id="contract_photoup" value="" />
</td>

function basess(t){
	var file = t.files[0];//文件对象
	    var reader = new FileReader();// 新建方法对象
	    reader.readAsDataURL(file);// 以DataURL的形式读取文件
	    reader.onload = function(e) {
	        var data = e.target.result; // 将base64编码转换为url地址          
	        $("#contract_photoup").val(data);//赋值
	    };
}

//获取图片地址的url值
var photos= $("#contract_photoup").val();