ข่าวประชาสัมพันธ์

มาร่วมเป็นกำลังใจให้เว็บด้วยการสมัครสมาชิกวีไอพี ~~ เลือกปีที่ท่านต้องการได้โดยไม่ต้องเรียงปี ~~ ปีละ 350 บาท สมัคร 2 ปีลดเหลือ 600 บาท ~~ มีไลน์กลุ่ม VIP จำนวนหลายร้อยท่าน เอาไว้ปรึกษางานซ่อม ~~ เข้าถึงข้อมูลด้านเทคนิค ข้อมูลเชิงลึกมากมาย.....


ผู้เขียน หัวข้อ: แนะนำสคริปอับโหลดและพรีวิวภาพ  (อ่าน 1788 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ Sonchai_Music

  • Administrator
  • หัวหน้าศูนย์ซ่อมสร้าง
  • *
  • เจ้าของกระทู้
  • Joined: ก.ย. 2558
  • กระทู้: 2059
  • สมาชิกลำดับที่ : 2
  • สมาชิกวีไอพี ปีที่ 1,3-4
แนะนำสคริปอับโหลดและพรีวิวภาพ
« เมื่อ: 29 ตุลาคม 2560, 07:26:03 »
  • ขึ้นบน
  • ลงล่าง
  • แนะนำสคริปอับโหลดและพรีวิวภาพครับ
        หวังว่าจะมีประโ ยชน์สำหรับมือใ หม่หัดขับนะครับ
    แบ่งออกเป็น 3 ไฟล์นะครับ

    ไฟล์ที่ 1 เอาไว้โชว์ภาพ ในที่นี้ผมตั้งเป็น index.html
    Code
    โค๊ด: [Select]
    01.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    02.
    <html xmlns="http://www.w3.org/1999/xhtml">
    03.
    <head>
    04.
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    05.
    <title>Untitled Document</title>
    06.
    <script type="text/javascript">
    07.
    function popupUploadImage( f_name, e_name, path ) {
    08.
    window.open("./popUploadImages.php","name","top=300,left=450,height=250,width=400, status=1");
    09.
    }
    10.
     
    11.
    </script>
    12.
     
    13.
    </head>
    14.
     
    15.
    <body>
    16.
    <img src="" name="pImage" id="pImage"/>
    17.
    [br /]
    18.
    <a href="#" onclick="popupUploadImage();">>[ Browse ][/url][br /]
    19.
    </body>
    20.
    </html>

    ไฟล์ที่ 2 popUploadImages.php

    Code
    โค๊ด: [Select]
    01.
    <html>
    02.
    <head>
    03.
    <title>Upload Images</title>
    04.
    </head>
    05.
     
    06.
    <body>
    07.
    <form name="uploadImage" action="uploadImages.php" method="post" enctype="multipart/form-data">
    08.
    <table width="400" border="0" cellspacing="0" cellpadding="0">
    09.
    <tr>
    10.
    <td class="darkbrown12_bold">?</td>
    11.
    </tr>
    12.
    <tr>
    13.
    <td class="darkbrown12_bold"><div align="center">Select Image</div></td>
    14.
    </tr>
    15.
    <tr height="35">
    16.
    <td align="center"><input type="file" name="file" class="inputBox" size="30"></td>
    17.
    </tr>
    18.
    <tr height="35">
    19.
    <td align="center">?</td>
    20.
    </tr>
    21.
    <tr height="35">
    22.
    <td align="center">
    23.
    <input type="submit" name="submitPage" value="upload" class="button80">
    24.
    </td>
    25.
    </tr>
    26.
    </table>
    27.
    </form>
    28.
    </body>
    29.
    </html>


    ไฟล์ที่ 3 uploadImages.php
    Code
    โค๊ด: [Select]
    01.
    <?php
    02.
     
    03.
    if($file){
    04.
    $path 
    "images/";
    05.
    $fileType 
    explode('.'$file_name);  
    06.
    $fileName 
    date('YmdHis');
    07.
    $fileName 
    $fileName.".".$fileType[1];
    08.
    $uploadFile 
    $path."".$fileName;  
    09.
    copy
    ($file$uploadFile);
    10.
     
    11.
     
    12.
    $img 
    "./images/$fileName";
    13.
    $Ipreview 
    "pImage";
    14.
     
    15.
     
    16.
    }
    17.
     
    18.
    ?>

    19.
     
    20.
    <html>
    21.
    <head>
    22.
     
    23.
    <script language="javascript">
    24.
    function returnValue() {
    25.
    window.opener.document.getElementById('<? echo $Ipreview?>').src  = "<?php echo $img ?>";
    26.
    window.close();
    27.
    }
    28.
    </script>
    29.
    </head>
    30.
    <body onLoad="returnValue()">
    31.
    </body>
    32.
    </html>

      มาจากที่นี่... http://www.thaicreate.com/free-web-script/upload-preview.html

    ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ

    « แก้ไขครั้งสุดท้าย: 02 กุมภาพันธ์ 2563, 15:18:48 โดย Auto Man »

    ออฟไลน์ Sonchai_Music

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 2059
    • สมาชิกลำดับที่ : 2
    • สมาชิกวีไอพี ปีที่ 1,3-4
    แนะนำสคริปอับโหดและพรีวิวภาพ
    « ตอบกลับ #1 เมื่อ: 29 ตุลาคม 2560, 07:54:24 »
  • ขึ้นบน
  • ลงล่าง
  • php multi upload อัพโหลดภาพ ครั้งละหลายๆ ภาพ

    HTML สร้าง form

    อ้างถึง
    โค๊ด: [Select]
    <table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
    <form action="multiple_upload.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
    <td>
    <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
    <tr>
    <td><strong>multiple Files Upload </strong></td>
    </tr>
    <tr>
    <td>Select file
    <input name="ufile[]" type="file" id="ufile[]" size="50" /></td>
    </tr>
    <tr>
    <td>Select file
    <input name="ufile[]" type="file" id="ufile[]" size="50" /></td>
    </tr>
    <tr>
    <td>Select file
    <input name="ufile[]" type="file" id="ufile[]" size="50" /></td>
    </tr>
    <tr>
    <td align="center"><input type="submit" name="Submit" value="Upload" /></td>
    </tr>
    </table>
    </td>
    </form>
    </tr>
    </table>
    [/size]

    multiple_upload.php
    อ้างถึง
    โค๊ด: [Select]
    <?php
    //set where you want to store files
    //in this example we keep file in folder upload
    //$HTTP_POST_FILES['ufile']['name']; = upload file name
    //for example upload file name cartoon.gif . $path will be upload/cartoon.gif
    $path1"upload/".$HTTP_POST_FILES['ufile']['name'][0];
    $path2"upload/".$HTTP_POST_FILES['ufile']['name'][1];
    $path3"upload/".$HTTP_POST_FILES['ufile']['name'][2];

    //copy file to where you want to store file
    copy($HTTP_POST_FILES['ufile']['tmp_name'][0], $path1);
    copy($HTTP_POST_FILES['ufile']['tmp_name'][1], $path2);
    copy($HTTP_POST_FILES['ufile']['tmp_name'][2], $path3);

    //$HTTP_POST_FILES['ufile']['name'] = file name
    //$HTTP_POST_FILES['ufile']['size'] = file size
    //$HTTP_POST_FILES['ufile']['type'] = type of file
    echo "File Name :".$HTTP_POST_FILES['ufile']['name'][0]."<BR/>";
    echo 
    "File Size :".$HTTP_POST_FILES['ufile']['size'][0]."<BR/>";
    echo 
    "File Type :".$HTTP_POST_FILES['ufile']['type'][0]."<BR/>";
    echo 
    "<img src=\"$path1\" width=\"150\" height=\"150\">";
    echo 
    "<P>";

    echo 
    "File Name :".$HTTP_POST_FILES['ufile']['name'][1]."<BR/>";
    echo 
    "File Size :".$HTTP_POST_FILES['ufile']['size'][1]."<BR/>";
    echo 
    "File Type :".$HTTP_POST_FILES['ufile']['type'][1]."<BR/>";
    echo 
    "<img src=\"$path2\" width=\"150\" height=\"150\">";
    echo 
    "<P>";

    echo 
    "File Name :".$HTTP_POST_FILES['ufile']['name'][2]."<BR/>";
    echo 
    "File Size :".$HTTP_POST_FILES['ufile']['size'][2]."<BR/>";
    echo 
    "File Type :".$HTTP_POST_FILES['ufile']['type'][2]."<BR/>";
    echo 
    "<img src=\"$path3\" width=\"150\" height=\"150\">";

    ///////////////////////////////////////////////////////

    // Use this code to display the error or success.

    $filesize1=$HTTP_POST_FILES['ufile']['size'][0];
    $filesize2=$HTTP_POST_FILES['ufile']['size'][1];
    $filesize3=$HTTP_POST_FILES['ufile']['size'][2];

    if(
    $filesize1 && $filesize2 && $filesize3 != 0)
    {
    echo 
    "We have recieved your files";
    }

    else {
    echo 
    "ERROR.....";
    }

    //////////////////////////////////////////////

    // What files that have a problem? (if found)

    if($filesize1==0) {
    echo 
    "There're something error in your first file";
    echo 
    "<BR />";
    }

    if(
    $filesize2==0) {
    echo 
    "There're something error in your second file";
    echo 
    "<BR />";
    }

    if(
    $filesize3==0) {
    echo 
    "There're something error in your third file";
    echo 
    "<BR />";
    }

    ?>
    [/size]

    ถ้าจะให้อัพโหลดได้ไม่จำกัดก็ใส่ loop เข้าไป แทนก็ได้ครับ

       ที่มา...http://www.mindphp.com/forums/viewtopic.php?f=24&t=10299

    ออฟไลน์ Sonchai_Music

    • Administrator
    • หัวหน้าศูนย์ซ่อมสร้าง
    • *
    • เจ้าของกระทู้
    • Joined: ก.ย. 2558
    • กระทู้: 2059
    • สมาชิกลำดับที่ : 2
    • สมาชิกวีไอพี ปีที่ 1,3-4
    แนะนำสคริปอับโหดและพรีวิวภาพ
    « ตอบกลับ #2 เมื่อ: 29 ตุลาคม 2560, 08:03:27 »
  • ขึ้นบน
  • ลงล่าง
  • FREE PHP MULTI UPLOAD IMAGE GALLERY

    http://freecode.siamfocus.com/php_multi_upload_gallery/

    ชอบคำนี้จัง...

    ของฟรียังมีเด้อ อยู่ที่ตัวเธอว์จะแบ่งปัน.
    อ้างถึง
    SiAMFOCUS.COM ยังคงรักษาแนวความคิดเดิม คือต้องการให้ที่แห่งนี้เป็นที่ที่แลกเปลี่ยนความรู้ ทางด้านภาษาที่ใช้พัฒนาโปรแกรมต่างๆ ซึ่งเป็น code ที่ใช้งานจริง อาจจะยากสำหรับคนที่เพิ่งเริ่มต้น แต่บทความทางด้านเทคนิค ต่าง ๆ ได้ผ่านการทดสอบการใช้งานมาแล้ว หากใครมีเทคนิคดีดี ก็สามารถส่งเข้ามาได้นะครับ

    ปัจจุบัน SiAMFOCUS.COM ยังได้เปิดบริการ จด Domain และ บริการ ให้เช่าพื้นที่ Hosting ให้บริการด้านการเรียนการสอน สอนเขียนเว็บ,สอน ASP,สอน PHP ให้บริการเว็บไซต์ โดยรับทำเว็บ, รับเขียนโปรแกรม ต่าง ๆ เพื่อหารายได้เสริมและทุน เพื่อให้ทีมงาน มีกำลังใจในการ ทำส่วนของ FREE CODE ขอแรงใจ แรงเชียร์มาก ๆ ด้วยนะครับ ^^

    ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ

    « แก้ไขครั้งสุดท้าย: 16 พฤศจิกายน 2561, 06:46:18 โดย Auto Man »

    แนะนำสคริปอับโหดและพรีวิวภาพ
    « ตอบกลับ #2 เมื่อ: 29 ตุลาคม 2560, 08:03:27 »