|
@@ -208,8 +208,12 @@ $().ready(function() {
|
|
|
<th>
|
|
|
身份证正面存放地址:
|
|
|
</th>
|
|
|
+[#-- <td >--]
|
|
|
+[#-- <input type="text" name="sn" id="card_positive" style="width: 300px"/>--]
|
|
|
+[#-- </td>--]
|
|
|
<td >
|
|
|
- <input type="text" name="sn" id="card_positive" style="width: 300px"/>
|
|
|
+ <input type="file" accept="image/*" onchange="showImg(this)" />
|
|
|
+ <img src="" alt="" id="card_positive" style="height: 150px">
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
@@ -217,7 +221,9 @@ $().ready(function() {
|
|
|
身份证背面存放地址:
|
|
|
</th>
|
|
|
<td >
|
|
|
- <input type="text" name="sn" id="card_negative" style="width: 300px"/>
|
|
|
+[#-- <input type="text" name="sn" id="card_negative" style="width: 300px"/>--]
|
|
|
+ <input type="file" accept="image/*" onchange="showImg2(this)" />
|
|
|
+ <img src="" alt="" id="card_negative" value="" style="height: 150px" >
|
|
|
    <button type="button" id="sendCard" >上传</button>
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -445,5 +451,40 @@ $().ready(function() {
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
+ function showImg(obj) {
|
|
|
+ var file=$(obj)[0].files[0]; //获取文件信息
|
|
|
+ var imgdata='';
|
|
|
+ if(file)
|
|
|
+ {
|
|
|
+ var reader=new FileReader(); //调用FileReader
|
|
|
+ reader.readAsDataURL(file); //将文件读取为 DataURL(base64)
|
|
|
+ reader.onload=function(evt){
|
|
|
+ //读取操作完成时触发。
|
|
|
+ $("#card_positive").attr('src',evt.target.result); //将img标签的src绑定为DataURL
|
|
|
+ $("#card_positive").attr('value',evt.target.result);
|
|
|
+ };
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ alert("上传失败");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function showImg2(obj) {
|
|
|
+ var file=$(obj)[0].files[0]; //获取文件信息
|
|
|
+ var imgdata='';
|
|
|
+ if(file)
|
|
|
+ {
|
|
|
+ var reader=new FileReader(); //调用FileReader
|
|
|
+ reader.readAsDataURL(file); //将文件读取为 DataURL(base64)
|
|
|
+ reader.onload=function(evt){
|
|
|
+ //读取操作完成时触发。
|
|
|
+ $("#card_negative").attr('src',evt.target.result); //将img标签的src绑定为DataURL
|
|
|
+ $("#card_negative").attr('value',evt.target.result);
|
|
|
+ };
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ alert("上传失败");
|
|
|
+ }
|
|
|
+ }
|
|
|
</script>
|
|
|
</html>
|