html上传图⽚前预览
html代码
<tr>
<td class="td1">⾝份证正⾯:</td>
<td class="td2"><div class="upload"id="img1" ></div><input type="file"name="files"id="file1"onchange="PreviewImage('Preview',this,30 0,170);"></input></td>
<td class="td3 file">*⽰例图:<img alt=""src="image/sfz1.png"></td>
</tr>
<tr>
<td class="td1">⾝份证反⾯:</td>
<td class="td2"><div class="upload"id="img2" ></div><input type="file"id="file2"name="files"onchange="PreviewImage('Preview',this,3 00,170);"></input></td>
<td class="td3 file">*⽰例图:<img alt=""src="image/sfz2.png"></td>
</tr>
<tr>
<td class="td1">银⾏卡正⾯:</td>
<td class="td2"><div class="upload" id="img3"></div><input type="file"id="file3"name="files"onchange="PreviewImage('Preview',this,3 00,170);"></input></td>
<td class="td3 file">*⽰例图:<img alt=""src="image/sfz2.png"></td>
</tr>
<tr>
<td class="td1 tj"colspan=3><input type="button"value="提交"id="tj"onclick="sum()"></td>
</tr>
ja代码
<script type="text/javascript">
function getObjectURL(file){
var url =null;
ateObjectURL != undefined){
url = ateObjectURL(file);
}else if(window.URL!= undefined){
url = ateObjectURL(file);
}else if(window.webkitURL != undefined){
url = ateObjectURL(file);
}
html图片展示特效
return url;
}
function checkPic(upload){
var valid =$(upload).attr('id');
var  picPath  =  ElementById(valid).value;
var  type  =  picPath.substring(picPath.lastIndexOf(".")+1,  picPath.length).toLowerCase();
if(type !=="jpg"&& type  !=="bmp"&&  type  !=="gif"&&  type  !=="png"){
alert("请上传正确的图⽚格式");
return false;
}
return true;
}
function PreviewImage(divImage, upload, width, height){
if(checkPic(upload)){
try{
var imgPath =getObjectURL(upload.files[0]);
var divid =$(upload).prev().attr('id');
}catch(e){
alert("⽆法预览图⽚");
}
}
}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。