button上傳替換file上傳按鈕，並顯示圖片縮略圖，純jsp操作

1、jsp代碼

            <div class="inputBox">
                  <span id="tu" <c:if test="${pd == null || pd.CACHET == '' || pd.CACHET == null}">style="display: none;"</c:if>>
                    <img id="img" src="<%=basePath%>uploadFiles/carousel/${pd.CACHET}" width="210"/>
                </span>
                <input type="button" class="update" id="yyzz" value="上傳" onclick="$('#YYZZFBSMJ').click();">
                <input type="file" name="YYZZFBSMJ" id="YYZZFBSMJ" style="display: none;" onchange="fileType(this)">
            </div>

2、js代碼：

//過濾類型
function fileType(obj){
    var fileType=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//獲得文件后綴名
    if(fileType != '.gif' && fileType != '.png' && fileType != '.jpg' && fileType != '.jpeg'){
        $(obj).tips({
            side:3,
            msg:'請上傳圖片格式的文件',
            bg:'#AE81FF',
            time:3
        });
        $(obj).val('');
    }else{
         var reader = new FileReader();
         reader.readAsDataURL(obj.files[0]);
         reader.onload = function (e) { 
            $("#img").attr("src",this.result);
         }
         $("#tu").show();
    }
}