继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

获取input选择文件的本地地址

喵居
关注TA
已关注
手记 37
粉丝 6
获赞 35

转至:http://www.bcty365.com/content-69-6242-1.html
感谢大神!!!

之前在做图片或者图片上传的时候都要先将图片或视频上传之后拿到文件的网络地址才能在标签上显示。
现在可以通过window的createObjectURL这个api拿到本地地址

//拿到input选择文件的本地地址
            getFileURL(file) {
                var getUrl = null;
                if (window.createObjectURL != undefined) { // basic
                    getUrl = window.createObjectURL(file);
                } else if (window.URL != undefined) { // mozilla(firefox)
                    getUrl = window.URL.createObjectURL(file);
                } else if (window.webkitURL != undefined) { // webkit or chrome
                    getUrl = window.webkitURL.createObjectURL(file);
                }
                return getUrl;
            }

然后将地址赋值给img和video标签


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP