在没有上传服务器端的情况下看到上传图片的效果图window.createObjectURL

2021-03-05 16:27

阅读：658

前端的代码如下


    
        选择上传文件
    
      
        撤销上传

jquery

$("#file0").change(function () {
    var objUrl = getObjectURL(this.files[0]);
    console.log("objUrl = " + objUrl);
    if (objUrl) {
        $("#img0").attr("src", objUrl);
    }
});

当点击上传图片时id="img0"的图片地址变成了

这样就实现了前端图片上传，在没有上传到服务器端的情况下看到上传图片的功能，具体URL.createObjectURL()的参考，请查看https://developer.mozilla.org...。

上一篇：C#中switch语句用法

下一篇：.net Core3.1 webapi前后端一起部署到同一网站遇到的问题

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：在没有上传服务器端的情况下看到上传图片的效果图window.createObjectURL
文章链接：http://soscw.com/index.php/essay/60521.html

亲，登录后才可以留言！

在没有上传服务器端的情况下看到上传图片的效果图window.createObjectURL

评论

热门文章

推荐文章

最新文章

置顶文章