jq 将图片转换成base64 传输（复制就可以用）

最新推荐文章于 2025-10-10 08:47:54 发布

原创最新推荐文章于 2025-10-10 08:47:54 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

JS JQ 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用HTML、jQuery和JavaScript实现的图片预览功能，当用户选择图片文件后，网页将实时显示所选图片的预览效果，并检查是否为图片格式。此外，还包含了一个警告提示，强调数据正确性的重要性。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<input type="hidden" name="file_base64" id="file_base64">
<input type="file" id="fileup">

<div id="hmc" class="easyui-dialog" closed="true">
<div id="tp">
<img style="width: 400px;height: 400px" src=""/>
</div>
</div>

reader.onload = function(e){
console.log(e.target.result);
$("#tp img").attr("src", e.target.result);
};
}
});
});
alert("请确保数据的正确性");
</script>
</body>
</html>