js上传图片预览

注:不过现在好多都是先上传,然后返回上图后的访问路径显示图片。

/**
* 从 file 域获取 本地图片 url
*/
function getFileUrl(sourceId) {
  var url;
  if (navigator.userAgent.indexOf("MSIE")>=1) { // 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;
}

/**
* 将本地图片 显示到浏览器上
*/
function preImg(sourceId, targetId) {
  var url = getFileUrl(sourceId);
  var imgPre = document.getElementById(targetId);
  imgPre.src = url;

posted @ 2017-10-16 18:55  Burning_Leaf  阅读(70)  评论(0)    收藏  举报