程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> php批量上傳一[帶預覽]

php批量上傳一[帶預覽]

編輯:關於PHP編程

代碼如下:

<?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>


  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved