Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > เขียน Dropzone.js ให้มันสามารถ Upload รูปเข้า Server ได้แล้ว ทำให้มันสามารถ Delete รูปได้ แต่อยากให้มันลบรูปใน Server ด้วยครับ ทำอย่างไรมี Code ด้านในครับ

[PHP] เขียน Dropzone.js ให้มันสามารถ Upload รูปเข้า Server ได้แล้ว ทำให้มันสามารถ Delete รูปได้ แต่อยากให้มันลบรูปใน Server ด้วยครับ ทำอย่างไรมี Code ด้านในครับ

เริ่มหัวข้อใหม่

Nutja

โพสกระทู้ ( 586 )
บทความ ( 0 )

Code (PHP)

1.<form action="form_upload_query.php" method="post" class="dropzone" id="my-awesome-dropzone"></form>

Code (JavaScript)

<script language="javascript">
    $(function(){
      Dropzone.options.myAwesomeDropzone = {
        maxFilesize: 5,
        addRemoveLinks: true,
        dictResponseError: 'Server not Configured',
        acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
        init:function(){
          var self = this;
          // config
          self.options.addRemoveLinks = true;
          self.options.dictRemoveFile = "Delete";
          //New file added
          self.on("addedfile", function (file) {
            console.log('new file added ', file);
          });
          // Send file starts
          self.on("sending", function (file) {
            console.log('upload started', file);
            $('.meter').show();
          });
           
          // File upload Progress
          self.on("totaluploadprogress", function (progress) {
            console.log("progress ", progress);
            $('.roller').width(progress + '%');
          });
 
          self.on("queuecomplete", function (progress) {
            $('.meter').delay(999).slideUp(999);
          });
           
          // On removing file
          self.on("removedfile", function (file) {
            console.log(file);
          });
        }
      };
    })
</script>

File form_upload_query.php
Code (PHP)

<?php
$ds          = DIRECTORY_SEPARATOR;  //1
  
$storeFolder = 'uploads';   //2
  
if (!empty($_FILES)) {
      
    $tempFile = $_FILES['file']['tmp_name'];          //3             
       
    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;  //4
      
    $targetFile =  $targetPath. $_FILES['file']['name'];  //5
  
    move_uploaded_file($tempFile,$targetFile); //6
      
}
?> 

ผมต้องการเมื่อดำเนินการกดปุ่ม Delete Image แล้วให้มันไปลบรูปบน Server ด้วยอ่ะครับ เขียนอย่างไร ชี้แนะด้วยครับ

Tag : PHP, jQuery

ประวัติการแก้ไข
2017-06-28 14:57:22
2017-06-28 14:57:40
2017-06-28 15:39:20
2017-06-28 15:40:17
2017-06-28 15:40:38
2017-06-28 15:41:04

Date : 2017-06-28 14:23:44

By : nut_ch31

View : 4375

Reply : 2

No. 1

Nutja

โพสกระทู้ ( 586 )
บทความ ( 0 )

Code (PHP)

<form action="form_upload_query.php" method="post" class="dropzone" id="my-awesome-dropzone"></form>
                                    <script language="javascript">
                                        $(function(){
                                          Dropzone.options.myAwesomeDropzone = {
                                            maxFilesize: 5,
                                            maxFilesize: 2, // MB
                                            addRemoveLinks: true,
                                            dictCancelUpload : "Cancel", // ชื่อ ปุ่ม ยกเลิก
                                            dictResponseError: 'Server not Configured',
                                            dictFileTooBig : "ไม่อนุญาตให้อัพโหลดไฟล์เกิน 2 MB", //ข้อความแสดงเมื่อเลือกไฟล์ขนาดเกินที่กำหนด        
                                            acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
                                            init:function(){
                                              var self = this;
                                              // config
                                              self.options.addRemoveLinks = true;
                                              self.options.dictRemoveFile = "Delete";
                                              //New file added
                                              self.on("addedfile", function (file) {
                                                console.log('new file added ', file);
                                              });
                                              // Send file starts
                                              self.on("sending", function (file) {
                                                console.log('upload started', file);
                                                $('.meter').show();
                                              });
                                               
                                              // File upload Progress
                                              self.on("totaluploadprogress", function (progress) {
                                                console.log("progress ", progress);
                                                $('.roller').width(progress + '%');
                                              });
 
                                              self.on("queuecomplete", function (progress) {
                                                $('.meter').delay(999).slideUp(999);
                                              });
                                               
                                              // On removing file
                                              self.on("removedfile", function (file) {
                                                console.log(file);
                                                $.post("form_upload_query_delete.php?name="+file["name"]); 
                                              });
                                            }
                                          };
                                        })
                                    </script>

Code (PHP)

<?php
$ds          = DIRECTORY_SEPARATOR;  //1
  
$storeFolder = 'uploads';   //2
  
if (!empty($_FILES)) {
      
    $tempFile = $_FILES['file']['tmp_name'];          //3             
       
    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;  //4
      
    $targetFile =  $targetPath. $_FILES['file']['name'];  //5
  
    move_uploaded_file($tempFile,$targetFile); //6    
}
?> 

Code (PHP)

<?php
$ds          = DIRECTORY_SEPARATOR;  //1
  
$storeFolder = 'uploads';   //2
  
if (!empty($name)) {
                
    $targetPath = dirname( __FILE__ ) . $ds. $storeFolder . $ds;  //4
 
    $targetFile = $targetPath."/".$name;
 
    unlink($targetFile); //6    
}
?> 

ได้ล่ะครับเพื่อใครอยากเอาไปใช้ก็เชิญครับ แอด + ลบ รูป ใน Server ด้วย dropzone.js

Date : 2017-06-28 16:38:25

By : nut_ch31

No. 2

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

Date : 2017-06-28 18:23:06

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : เขียน Dropzone.js ให้มันสามารถ Upload รูปเข้า Server ได้แล้ว ทำให้มันสามารถ Delete รูปได้ แต่อยากให้มันลบรูปใน Server ด้วยครับ ทำอย่างไรมี Code ด้านในครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

No. 1

No. 2

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice