php 点击选择图片上传,简易的图片点击上传功能

这次给大家带来简易的图片点击上传功能， 做出简易的图片点击上传功能注意事项有哪些，下面就是实战案例，一起来看一下。

简易图片点击上传预览示例。chrome,火狐等浏览器 下可支持拖拽预览

//--从 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;

}

var ss=null

var ImgType=["gif", "jpeg", "jpg", "bmp", "png","ico"];

//--将本地图片 显示到浏览器上

function preImg(obj, targetId) {

ss=obj;

if (!RegExp("\.(" + ImgType.join("|") + ")$", "i").test(obj.value.toLowerCase())) {

alert("选择文件错误,图片类型必须是" + ImgType.join(","));

this.value = "";

return false

}

var sourceId=obj.id

var url = getFileUrl(sourceId);

var imgPre = document.getElementById(targetId);

imgPre.src = url;

}

上传图片

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：