|
|
|
เขียน Dropzone.js ให้มันสามารถ Upload รูปเข้า Server ได้แล้ว ทำให้มันสามารถ Delete รูปได้ แต่อยากให้มันลบรูปใน Server ด้วยครับ ทำอย่างไรมี Code ด้านในครับ |
|
|
|
|
|
|
|
Code (PHP)
<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 :
4269 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Date :
2017-06-28 18:23:06 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|