代碼如下：
<?php
require('inc/conn.php');
?>
<head>
<head>
<meta http-equiv="Content-Type" c />
<title>圖片上傳實現</title>
<script language="javascript">
function preview(x){
if(!x || !x.value) return;
var patn = /.jpg$|.jpeg$|.gif$/i;
if(patn.test(x.value)){
if(x.parentNode.nextSibling.firstChild){
//看看是不是已經添加了圖片標籤，如果添加了就直接修改圖片地址
x.parentNode.nextSibling.firstChild.setAttribute('src','file://localhost/'+x.value);
}else{
//沒添加就建立個咯，然後加入到當前節點的父節點的下一個節點 -_-
var img = document.createElement('img');
img.setAttribute('src','file://localhost/'+x.value);
img.setAttribute('width',120);
img.setAttribute('height',100);
x.parentNode.nextSibling.appendChild(img);
//parentNode 父節點
//nextSibling 下個節點
//appendChild 添加個子節點
return(x.value);
}
}else{
alert('貌似你選的不是個圖片的說！');
x.value=''; //本人不懂js，考來的，對不住各位了，也謝謝原作者！
}
}
</script>
</head>
</head>
<body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
