DreamAngel
如果你希望成功，以恒心為良友，以經驗為參謀，以小心為兄弟，以希望為哨兵。

隨筆 - 147 文章 - 71 trackbacks - 0

<

2009年7月

>

日

一

二

三

四

五

六

28

29

30

1

2

5

7

10

11

12

13

14

15

16

21

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

我的其它Blog：
www.cppblog.com/dreamangel/
blog.csdn.net/fjnu_angel/

常用鏈接

留言簿(1)

隨筆分類(146)

隨筆檔案(147)

文章分類(28)

文章檔案(28)

喜歡的Blog

搜索

閱讀排行榜

評論排行榜

圖片上傳的綜合操作

// 預覽圖片

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 飛翔天使閱讀(243) 評論(0) 編輯收藏所屬分類: javascript

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Javascript+CSS實現Flash動態新聞效果網頁的復制和防復制 js獲得table單元格的信息圖片上傳的綜合操作單擊放回上頁的按鈕或使用window.history.go(-1)返回上頁的同時刷新"上頁"技術模態窗口window.showModalDialog 三種彈出對話框的用法實例 window.open教程 js常用技巧（2012.7.16更新） javascript實現日期星期的顯示

常用鏈接

留言簿(1)

隨筆分類(146)

隨筆檔案(147)

文章分類(28)

文章檔案(28)

喜歡的Blog

搜索

最新評論

閱讀排行榜

評論排行榜