PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳

PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳

日期:2023-03-09 16:28:27    编辑:网络投稿    来源:互联网

PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳  如何做一個仿淘寶多上傳的`按鈕單文件上傳呢?下面是由百分網小編為大家整理的PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳,喜

PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳

  如何做一個仿淘寶多上傳的`按鈕單文件上傳呢?下面是由百分網小編為大家整理的PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳,喜歡的可以收藏一下!了解更多詳情資訊,請關注應屆畢業生考試網!    其代碼如下:    上傳表單    <form class="imageform" method="post" enctype="multipart/form-data" action="upload.php">    <div class="up_status" style="display:none"><img src="loader.gif" alt="uploading"/></div>    <div class="btn up_btn">    <span>添加圖片</span>    <input class="photoimg" type="file" name="photoimg">    </div>    </form>    <div class="preview_img"></div>    引入樣式和上傳插件jquery.wallform.js    <link rel="stylesheet" type="text/css" href="css/style.css" />    <script type="text/javascript" src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js"></script>    <script type="text/javascript" src="jquery.wallform.js"></script>    jQuery    $("body").on("change", ".photoimg",    function() {    var obj = $(this);    var imageForm = obj.parents(".imageform");    var preview_img = imageForm.next(".preview_img");    var btn = imageForm.find(".up_btn");    imageForm.ajaxForm({    target: preview_img,    beforeSubmit: function() {    imageForm.next("div.preview_img").html("");    preview_img.hide();    btn.hide();    },    success: function() {    preview_img.show();    btn.show();    },    error: function() {    btn.show();    preview_img.hide();    }    }).submit();    });    PHP上傳 upload.php    if (isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST") {    $name = $_FILES['photoimg']['name'];    $size = $_FILES['photoimg']['size'];    if (empty($name)) {    echo '請選擇要上傳的圖片';    exit;    }    $ext = extend($name);    if (!in_array($ext, $extArr)) {    echo '圖片格式錯誤!';    exit;    }    if ($size > (1000 * 1024)) {    echo '圖片大小不能超過1M';    exit;    }    $image_name = time() . rand(100, 999) . "." . $ext;    $tmp = $_FILES['photoimg']['tmp_name'];    if (move_uploaded_file($tmp, $path . $image_name)) {    echo '<img src="' . $path . $image_name . '" class="preview">';    } else {    echo '上傳出錯了!';    }    exit;    }

【PHP+jQuery+Ajax仿淘寶多上傳按鈕單文件上傳】相關文章:

PHP文件上傳源碼分析09-04

PHP實現大文件上傳源代碼08-29

職稱計算機Internet考點:上傳與下載文件06-19

寬帶上傳速度怎么測試09-26

QQ的網絡硬盤如何上傳資源10-04

手機端圖片壓縮后上傳base6406-15

網易郵箱附件上傳出錯怎么辦09-29

報考安全工程師怎么上傳圖片09-18

安全工程師報名如何上傳照片09-15