java web 實現圖片上傳前的預覽

要實現圖片預覽，我們必須限定上傳的文件是圖片文件。這個限制在上一篇有。如有不明白的，可以去看看。

實現預覽我們可以用：jquery的相關功能實現。

1.在工程中加入JQuery的包。

2.在jsp頁面引入Jquery。

3.用代碼實現預覽功能。

需要我們編寫的代碼如下：

$(function () {
    $('#txtfilePath1').uploadReview({
        width: 350,
        height: 350,
        target: '#uploadReview1_content'
    }); 

});

其中：txtfilePath1是input:file。width,height是預覽圖片的寬度和高度。target是顯示預覽圖片的位置。

jsp 代碼：

<input type="text" class="yourClassName" name="filePath1" id="filePath1"/>
<input type="file" id="txtfilePath1" name="txtfilePath1" style="display:none;">
<input type="button" οnclick="txtfilePath1.click()" id="fileup1" name="fileup1" class="searchThing"value="上傳">

注意：

在有的IE瀏覽器中無法顯示預覽圖片，可能是因爲IE設置的問題。請更改相關設置在調試。