|
|
|
สอบถามนิดนึงครับ เรื่องการใช้ uploadify กับ input file หลายฟิลล์ ในหน้าเดียว ไม่ทราบว่าจะเขียนโค้ดอย่างไรดีครับ |
|
|
|
|
|
|
|
Code (PHP)
// code ส่งค่า //
<script type="text/javascript">
$(document).ready(function() {
$(".inputFileUploadify").each(function() {
var myID = $(this).attr('id');
$('#' + myID).uploadify({
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
},
'swf' : '<?=_BASEURL_?>/swf/uploadify.swf',
'method' : 'post',
'uploader' : '<?=_BASEURL_?>/get_data.php',
'displayData' : 'percentage',
'simUploadLimit': 1,
'queueSizeLimit': 1,
'sizeLimit' : 10485760,
'auto' : false,
'onUploadStart' : function(file)
{
$('#' + myID).uploadify("settings", "formData",
{
"title_web" : $("#title_web").val(),
"description" : $("#description").val(),
"keyword" : $("#keyword").val(),
"bg_position" : $("#bg_position").val()
});
},
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
//alert('The file ' + file.name + ' could not be uploaded: ' + errorString);
$('#status').dialog({ modal: true, height: "auto", width: "250px", open: function(event, ui) { $('body').css('overflow','hidden');}, close: function(event, ui) { $('body').css('overflow','auto'); } }).html(errorString);
setTimeout("refresh_page();",3000);
},
'onUploadSuccess' : function(file, data, response) {
//alert('The file was saved to: ' + data);
$('#status').dialog({ modal: true, height: "auto", width: "250px", open: function(event, ui) { $('body').css('overflow','hidden');}, close: function(event, ui) { $('body').css('overflow','auto'); } }).html(data);
setTimeout("refresh_page();",3000);
}
});
});
$('#submit').click(function(){
$('#w_logo').uploadify('upload','*');
$('#bg_img').uploadify('upload','*');
$('#img_top').uploadify('upload','*');
$('#img_bottom').uploadify('upload','*');
});
});
</script>
<form id="frm" name="frm" action="" enctype="multipart/form-data" method="post">
<input type="file" id="w_logo" name="w_logo" class="inputFileUploadify"/>
<input type="file" id="bg_img" name="bg_img" class="inputFileUploadify"/>
<input type="file" id="img_top" name="img_top" class="inputFileUploadify"/>
<input type="file" id="img_bottom" name="img_bottom" class="inputFileUploadify"/>
<input type="button" id="submit" <?php /*?>onclick="sent_data('design/get_data_decorate.php');"<?php */?> class="register-button" value="บันทึกข้อมูล">
</form>
หน้าของการรับข้อมูล
$targetFolder = _PATH_.'/images/bg'; // Relative to the root
$verifyToken = md5('unique_salt' . $_POST['timestamp']);
if(isset($_POST))
{
extract($_POST);
if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
$tempFile = $_FILES['Filedata']['tmp_name'];
$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];
// Validate the file type
$fileTypes = array('jpg','jpeg','gif','png'); // File extensions
$fileParts = pathinfo($_FILES['Filedata']['name']);
if (in_array($fileParts['extension'],$fileTypes)) {
move_uploaded_file($tempFile,$targetFile);
echo $targetFolder;
//$insert_img = "update web_config set w_logo ='".$_FILES['Filedata']['name']."', bg_img='".$bg_img."', img_top='".$img_top."', img_bottom='".$img_bottom."' where w_id='1'";
/* mysql_query($insert_img) or die("ไม่สามารถบันทึกข้อมูลได้ กรุณาตรวจสอบข้อมูลอีกครั้ง");*/
} else {
echo 'Invalid file type.';
}
}
}
คือผมต้องการให้ อัพเดทข้อมูล เมื่อมีการ submit จะทำการอัพโหลดรูปภาพที่เราเลือกไปทีเดียวพร้อมกันทั้งหมด ไม่ทราบว่าจะเขียนโค้ดยังไงครับ
ตอนนี้ทำได้แต่ว่า ไม่สามารถที่จะบันทึกข้อมูลลงฐานข้อมูลได้ทั้งหมดครับ
เนื่องจาก เหมือนว่า มันจะวนลูปทีละ 1 รอบ ปัญหาคือ ถ้าผม fix แค่ค่าเดียว เช่น w_logo update ได้แค่รูปเดียวลงในฐานข้อมูล แต่ผมต้องการให้ update ในส่วนของ bg_img ไปพร้อมกันด้วย ไม่ทราบว่าจะแก้ไขได้ยังไงครับ
Tag : PHP
|
|
|
|
|
|
Date :
2013-02-20 21:10:45 |
By :
ifush |
View :
1028 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ แต่มันไม่ตรงกับความต้องการครับ
|
|
|
|
|
Date :
2013-02-21 11:34:03 |
By :
ifush |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|