- 1、怎麼用jquery或者javascript實現:如圖1的那個按鈕，可以讓上傳或預覽圖片？
- 2、JS怎麼實現圖片預覽效果
- 3、如何用JS語句顯示圖片？
1、點擊圖1的那個按鈕可以讓用戶選擇上傳的圖片，選擇了一張就在按鈕前面預覽，如果用戶不想上傳某張圖片可以點擊x取消，再點擊上傳按鈕可以接著選擇圖片上傳。
2、設置選擇圖片的按鈕的 click 事件，去觸發 #upload_file 的 click 事件，然後就可以點擊圖片按鈕後，選擇本地圖片文件了。
3、設置上傳按鈕，其實一般手機版網頁是沒有上傳按鈕的，即選擇圖片後就通過 Ajax 上傳圖片了。
form action=”” method=”post” enctype=”multipart/form-data” name=”form1″
img src=” ” name=”image” border=0 id=”img”/
br /
input name=”picture” type=”file” id=”picture” onchange=”img.src=this.value” /
/form
不需要按鈕，直接觸發onchange事件就能實現~~~
需要準備的材料分別有：電腦、html編輯器、瀏覽器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
2、在index.html中的script標籤，輸入js代碼：$(‘body’).append(‘img src=”” /’);。
3、瀏覽器運行index.html頁面，此時圖片被js成功顯示到頁面上。
原創文章，作者：VVYMR，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/126862.html
微信掃一掃 
支付寶掃一掃 