/*
* 调用ios,安卓手机摄像头和相册
*/
HTML:
<a href="javascript:;" class="file">
自定义的文本框
<input id="car_file" type="file" accept="image/*" multiple />
</a>
CSS:
.file {
position: relative;
display: inline-block;
background: #ffffff;/*--#D0EEFF;*/
border: 1px solid #999;
border-radius: 0px;
/*padding: 4px 12px;*/
overflow: hidden;
/*color: #1E88C7;*/
text-decoration: none;
text-indent: 0;
/*line-height: 20px;*/
}
.file input {
position: absolute;
/*font-size: 100px;*/
right: 0;
top: 0;
opacity: 0;
}
//当文本框改变时
$("#car_file").change(function(){
readURL(this);
});
function readURL(input) {
if(input.files.length>0){
for(var a=0;a<input.files.length;a++){
var reader = new FileReader();
reader.readAsDataURL(input.files[a]);
var i=images.length;
reader.onload = function (e) {
i++;
$("#imageDiv").append("<img attr='"+i+"' src='"+e.target.result+"' style='width:100%;height:100%;margin-top:10px;'/>");
}
}
}
}