今天實現上傳圖片到服務器

簡單的jQuery實現input file選擇圖片後，可以預覽圖片的效果

簡單的HTML代碼：

1 <div>
2 <img src="" class="img">
3 </div>
4  
5 <input type="file" class="imgInput">

　註：img就是用來顯示預覽圖片的

然後就是jQuery代碼，很簡單

$(".imgInput").change(function(){
    $(".img").attr("src",URL.createObjectURL($(this)[0].files[0]));
});
 

然後就實現了選擇圖片後可以預覽圖片的效果了

其中需要註意的是使用的是DOM元素，jQuery元素和DOM元素之間的轉換

Input File選擇圖片後，未保存預覽