js实现文件的上传和直接预览（不经过服务端）

最新推荐文章于 2024-07-01 02:17:25 发布

SmuEdward

最新推荐文章于 2024-07-01 02:17:25 发布

阅读量2.6k

点赞数 1

文章标签：文件上传

本文链接：https://blog.csdn.net/SmuEdward/article/details/54290738

版权

本文介绍如何使用JavaScript实现在不通过服务端的情况下，完成文件的上传和预览功能，利用HTML5的File API进行本地文件读取并显示预览效果。

摘要由CSDN通过智能技术生成

js实现文件的上传，注意要使用BASE64编码！

<div  class="bottom-border mt10">
						<input type="hidden" id="imgcodeBusiness" value=""/>
						<input type="hidden" id="imgUrlBusiness" value=""/>
			            <h5 class="color1 font-weight-normal" style="width:50%;"></h5>上传图片
			            </div>
			            <div id="imguploadBusiness" style="overflow-y:auto;">
							 <div class="addImg" id="addImgBusiness"></div>
							 <div class="addF" style="margin-top:10px;">
			                    <input accept="image/*" type="file" class="addFm" id="upLoadBusiness"/>
			                 </div>
							<!--  <input accept="image/*" type="file&