上傳圖片前，預覽圖片
阿新 • • 發佈：2019-01-11
<script src="/javascript/jquery-1.3.2.min.js"></script>
<img src="" id="img_f3" style=" height:75px; width:75px"/><br/>
<input type="file" id="f3" name="thumb3" size=2 onmouseover="javascript:$('#f3').css('cursor','pointer');" onchange="lookimg(this);" hidefocus />
<script>
//預覽圖片
function lookimg(upfile){
if (navigator.userAgent.indexOf("MSIE") > 0) {
try {
if (!upfile.value.match(/.jpg|.gif|.jpeg|.png|.bmp/i)) {
alert('請上傳.jpg|.gif|.jpeg|.png型別的圖片');
return false;
}
var objPreview = document.getElementById("img_"+upfile.id);
var objPreviewFake = document.getElementById('result_'+upfile.id);
objPreview.src = upfile.value;
objPreview.onreadystatechange = function(){
if(objPreview.readyState == "complete"){
if(objPreview.fileSize>1024*100){
alert('檔案超過100KB');
return false;
}
}
}
if (objPreviewFake.filters) {
upfile.select();
var imgSrc = document.selection.createRange().text;
objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = imgSrc;
objPreviewFake.style.width = 180 + 'px';
objPreviewFake.style.height = 180 + 'px';
objPreview.style.display = "none";
upfile.blur();
$('#result_'+upfile.id).css('display','block').css('margin-bottom','-25px');
}
} catch (ex) {}
}else if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) { //FireFox瀏覽器
if (!upfile.value.match(/.jpg|.gif|.jpeg|.png|.bmp/i)) {
alert('請上傳.jpg|.gif|.jpeg|.png型別的圖片');
return false;
}
var o = document.getElementById(upfile.id);
var p = document.getElementById("img_"+upfile.id);
if(o.files[0].fileSize>1024*100){
alert('檔案超過100KB');
return false;
}
p.src = o.files[0].getAsDataURL();
//p.style.display = "block";
}
$('#upload_'+upfile.id).attr('disabled','');
}
</script>
<img src="" id="img_f3" style=" height:75px; width:75px"/><br/>
<input type="file" id="f3" name="thumb3" size=2 onmouseover="javascript:$('#f3').css('cursor','pointer');" onchange="lookimg(this);" hidefocus />
<script>
//預覽圖片
function lookimg(upfile){
if (navigator.userAgent.indexOf("MSIE") > 0) {
try {
if (!upfile.value.match(/.jpg|.gif|.jpeg|.png|.bmp/i)) {
alert('請上傳.jpg|.gif|.jpeg|.png型別的圖片');
return false;
}
var objPreview = document.getElementById("img_"+upfile.id);
var objPreviewFake = document.getElementById('result_'+upfile.id);
objPreview.src = upfile.value;
objPreview.onreadystatechange = function(){
if(objPreview.readyState == "complete"){
if(objPreview.fileSize>1024*100){
alert('檔案超過100KB');
return false;
}
}
}
if (objPreviewFake.filters) {
upfile.select();
var imgSrc = document.selection.createRange().text;
objPreviewFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = imgSrc;
objPreviewFake.style.width = 180 + 'px';
objPreviewFake.style.height = 180 + 'px';
objPreview.style.display = "none";
upfile.blur();
$('#result_'+upfile.id).css('display','block').css('margin-bottom','-25px');
}
} catch (ex) {}
}else if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) { //FireFox瀏覽器
if (!upfile.value.match(/.jpg|.gif|.jpeg|.png|.bmp/i)) {
alert('請上傳.jpg|.gif|.jpeg|.png型別的圖片');
return false;
}
var o = document.getElementById(upfile.id);
var p = document.getElementById("img_"+upfile.id);
if(o.files[0].fileSize>1024*100){
alert('檔案超過100KB');
return false;
}
p.src = o.files[0].getAsDataURL();
//p.style.display = "block";
}
$('#upload_'+upfile.id).attr('disabled','');
}
</script>