<div class="sctp">
<img src="img/sczp.png" id="photo" alt="" />
<input class="iptsc" type="file" name="file" id="file" />
<input type="hidden" id="fileVal">
</div>
<script type="text/javascript">
$(function () {
function chooseImage(fileid, imgid, fileValId) {
var fileObj = document.getElementById(fileid);
if (typeof (fileObj) == "undefined" || fileObj.files.length == 0) {
console.log('file ' + fileid + ' not exists');
return;
}
var file = fileObj.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
var imgResult = e.target.result;
var imgObj = document.getElementById(imgid);
if (typeof (imgObj) != "undefined") {
imgObj.setAttribute("src", imgResult);
}
var fileValObj = document.getElementById(fileValId);
if (typeof (fileValObj) != "undefined") {
fileValObj.setAttribute("value", imgResult);
}
};
};
$('#file').on('change', function () {
chooseImage('file', 'photo', 'fileVal');
});
});
</script>