js如何獲取上傳圖片的名稱
Dreamweaver CS5代碼編纂器
Firefox瀏覽器方式/步調
- 1
新建一個html文件，定名為test.html，用于舉例講解js若何獲取上傳圖片的名稱。
- 2
在test.html文件內，利用form標簽建立一個表單，代碼如下：
- 3
在form表單內，建立一個type類型為file的選擇圖片按鈕和一個type類型為submit的提交按鈕。代碼如下：
- 4
編寫js代碼，利用getElementById()方式經由過程id獲得已選擇的圖片對象，代碼如下：
- 5
經由過程addEventListener()監聽選擇圖片對象，被選擇上傳圖片時，觸發執行readFile函數，代碼如下：
- 6
在readFile函數內，經由過程files獲得上傳圖片的信息，利用alert()方式將獲得的圖片名稱以彈窗形式顯示出來。
- 7
在瀏覽器打開test.html文件，點擊“瀏覽”按鈕選擇圖片，彈出圖片名稱。如下圖所示：
- 發表于 2019-09-10 17:00
- 閱讀 ( 1033 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章