当前位置: 首页 > Web前端 > HTML5

不用上传服务端窗口就可以看到上传图片的效果图,createObjectURL

时间:2023-04-04 22:48:00 HTML5

前端代码如下选择上传文件取消上传

jquery$("#file0").change(function(){varobjUrl=getObjectURL(this.files[0]);console.log("objUrl="+objUrl);如果(objUrl){$("#img0").attr("src",objUrl);}});点击上传图片时,id="img0"的图片地址变为
这样就实现了前端图片上传,不需要上传到服务器就可以看到上传图片的功能可以参考https://developer.mozilla.org以获取特定的URL.createObjectURL()参考。