使用js配合input type=‘file‘标签设置图片的URL

来源:互联网 发布:新游上线软件 编辑:程序博客网 时间:2024/06/10 20:41
function getFileUrl(sourceId) {            var url;            if (navigator.userAgent.indexOf("MSIE") >= 1||(!!window.ActiveXObject || "ActiveXObject" in window)) { // IE                 url = document.getElementById(sourceId).value;            } else if (navigator.userAgent.indexOf("Firefox") > 0) { // Firefox                 url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));            } else if (navigator.userAgent.indexOf("Chrome") > 0) { // Chrome                 url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));            }            return url; } $("#image-upload").bind('change', function () {           $("#PayShowImage").attr("src", getFileUrl(this.id)); }); <img id="PayShowImage" width="100" height="100" class="validate[required]" src="" /> <a href="javascript:;" class="btn btn-primary btn-lg" onclick="$('#image-upload').click();">上传</a><input type="file" name="file" id="image-upload" class="hidden" /><input type="hidden" name="ImgPath" />
原创粉丝点击