图片上传的综合操作

// 预览图片

function showimg() {

document.form1.myimg.src = document.form1.filename.value;

}

// 清空input type=file的value值

function refreshUploader(who) {

var who2 = who.cloneNode(false);

who2.onchange = who.onchange;// events are not cloned

who.parentNode.replaceChild(who2, who);

}

// 把file文件上传域清空

function reset_file(){

document.form1.filename.select();

document.selection.clear();

refreshUploader(document.form1.filename);

setTimeout('showimg()', 500);

}

// 读取上传文件的后缀名

function Check_FileType() {

var str = document.form1.filename.value;

var pos = str.lastIndexOf(".");

var lastname = str.substring(pos, str.length) // 此处文件后缀名也可用数组方式获得str.split(".")

if (lastname.toLowerCase() != ".jpg") {

alert("您上传的文件类型为" + lastname + "，图片必须为.jpg类型");

reset_file();

return false;

} else {

//判断图片尺寸

var img=null;

img=document.createElement("img");

document.body.insertAdjacentElement("beforeend",img);

img.style.visibility="hidden";

img.src=str;

var imgwidth=img.offsetWidth;

var imgheight=img.offsetHeight;

if(imgwidth>600 || imgheight>800){

alert("图片不符合规格！");

reset_file();

return false;

}

if(imgwidth>600 || imgheight>800){

alert("图片不符合规格！");

reset_file();

return false;

}

setTimeout('showimg()', 500);

return true;

}

</script>

</form>

posted on 2009-07-26 20:05 飞翔天使阅读(227) 评论(0) 编辑收藏所属分类: javascript

常用链接

留言簿(1)

随笔分类(146)

随笔档案(147)

文章分类(28)

文章档案(28)

喜欢的Blog

搜索

最新评论

阅读排行榜

评论排行榜


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: Javascript+CSS实现Flash动态新闻效果网页的复制和防复制 js获得table单元格的信息图片上传的综合操作单击放回上页的按钮或使用window.history.go(-1)返回上页的同时刷新"上页"技术模态窗口window.showModalDialog 三种弹出对话框的用法实例 window.open教程 js常用技巧（2012.7.16更新） javascript实现日期星期的显示