|
 |
| |
javascript ที่ใช้ดูรูปขึ้นแต่ใน IE fiirefox กับ chrome ขึ้นให้อัพรูป แต่ไม่เห็นรูปตัวอย่าง |
| |
 |
|
|
 |
 |
|
เปลี่ยนไปใช้ jQuery แทนครับ ลดปัยหาระหว่าง Web Browser ได้ครับ
Code (JavaScript)
$(function() {
$("img")
.mouseover(function() {
var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
$(this).attr("src", src);
})
.mouseout(function() {
var src = $(this).attr("src").replace("over", "");
$(this).attr("src", src);
});
});
หรือ
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<script type="text/javascript">
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
<body>
<form id="form1" runat="server">
<input type='file' onchange="readURL(this);" />
<img id="blah" src="#" alt="your image" />
</form>
</body>
</html>
|
 |
 |
 |
 |
| Date :
2011-12-19 13:03:37 |
By :
webmaster |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
โห ตอบกลับไวมาก
ขอบคุณมากครับ
เดียวผมขอหัด jQuery ก่อนนะ ไม่เคยลองใช้เลย - -
|
| |
|
|
| |
| Date :
2011-12-19 14:48:26 |
By :
komunyong |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สร้างโฟลเดอร์สำหรับเก็บไฟล์ชั่วคราว ชื่อ temp
Code ไฟล์ image_preview.php
แสดงปกติพิมพ์โค้ดนี้?
<script language="javascript">
function show_pic(sc){
document.form1.action='php_upload.php';
document.form1.target='mypre';
document.form1.submit();
}
</script>
<span id="mypic1"></span>
<form id="form1" name="form1" enctype="multipart/form-data" method="post" action="">
<input type="file" name="file" onchange="show_pic(this.value);" />
<input type="submit" name="Submit" value="Submit" />
</form>
<iframe name="mypre" width="0" height="1" frameborder="0"></iframe>
----------------------
Code ไฟล์ php_upload.php
แสดงปกติพิมพ์โค้ดนี้?
<?php
function upimg($img,$imglocate){
global $file_up;
if($img['name']!=''){
$fileupload1=$img['tmp_name'];
$g_img=explode(".",$img['name']);
$file_up=time().".".$g_img[1];
if($fileupload1){
$array_last=explode(".",$file_up);
$c=count($array_last)-1;
$lastname=strtolower($array_last[$c]);
if($lastname=="gif" or $lastname=="jpg" or $lastname=="jpeg" or $lastname=="swf"){
@copy($fileupload1,$imglocate.$file_up);
}
}
}
}
if($_FILES['file']['name']!=""){
upimg($_FILES['file'],"temp/");
echo "<script language=\"javascript\">";
echo "var pl=top.document.getElementById('mypic1');";
echo "pl.innerHTML=\"<img src='temp/".$file_up."' width='50' height='50' />\";";
echo "top.document.form1.action='';";
echo "top.document.form1.target='';";
echo "</script>";
echo "<meta http-equiv=\"Refresh\" content=\"0;URL=php_upload.php?d_img=".$file_up."\" />";
}
?>
<?php
if($_GET['d_img']!=""){
@unlink("temp/".$_GET['d_img']);
}
?>
พอดีผมไปเจอมาน่ะครับ ใช้ได้ ทั้ง IE and Chorme
ขอแนะนำที่มาเผื่อว่าใครจะไปดูเพิ่มน่ะครับ
http://www.ninenik.com/content-arti_id-113.html
|
| |
|
|
| |
| Date :
2013-03-07 10:18:28 |
By :
arsachi |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
