Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > สอบถามเรื่องการใช้งาน uploadify หน่อยครับ พอดีมีปัญหาเกี่ยวกับการใช้งาน พอจะมีใครช่วยได้บ้างหว่าา



 

สอบถามเรื่องการใช้งาน uploadify หน่อยครับ พอดีมีปัญหาเกี่ยวกับการใช้งาน พอจะมีใครช่วยได้บ้างหว่าา

 



Topic : 092419

Guest




ตัวอย่าง Code

Code (PHP)
<script>
	 
var queueSize = 0;

function startUpload(id){

	if(queueSize == 0){
		//insert your form submit function call here
		//alert("Nothing in the queue");
		sent_data_img('design/get_data_intro.php');				
	}else{
		jQuery('#'+id).uploadify('upload');
	}
}	  


jQuery(document).ready(function() {
	
	  /* กรอกได้เฉพาะภาษาอังกฤษ*/
        jQuery.validator.addMethod("Engkey", function(value, element) {
            return this.optional(element) || /^[a-z0-9\-]+$/i.test(value);
        }, "ต้องเป็นภาษาอังกฤษเท่านั้น");	  
	  
    	//$j("#frm").validate();
		jQuery('#frm').validate({
			 rules: {			
				title: {
					    required: true
				}																										
 			 },	
		messages: {				
				title: {
					    required: "หัวข้อ"
				}			
			},
			submitHandler: function() {
					//startUpload('int_bg');
					alert(jQuery('.inputFileUploadify').attr('id'));
			}
    	});		
		
		jQuery(".inputFileUploadify").each(function() {
			var myID = jQuery(this).attr('id');
			
			jQuery('#' + myID).uploadify({
				'swf'      : '<?=_BASEURL_?>/swf/uploadify.swf',
				'method'        : 'post',
				'uploader' : 'design/get_data_intro.php',
				'displayData'   : 'percentage',
				'simUploadLimit': 1,
				'queueSizeLimit': 1,
				'fileSizeLimit' : '500KB',
				'fileTypeDesc' : 'Image Files',
				'fileTypeExts' : '*.gif; *.jpg; *.png',			
				'auto'          : false,
				'onUploadStart' : function(file) {
					jQuery('#' + myID).uploadify("settings", "formData", {"id" : <?=$id?>, "timestamp" : '<?php echo $timestamp;?>', 'token' : '<?php echo md5('unique_salt' . $timestamp);?>', "title": jQuery("#title").val(), "method": '<?=$method?>' });
				
				},						 
				'onUploadSuccess' : function(file, data, response) {
						jQuery('#status').dialog({ modal: true, height: "auto", width: "250px", open: function(event, ui) { jQuery('body').css('overflow','hidden');}, close: function(event, ui) { jQuery('body').css('overflow','auto'); } }).html(data);			
					},
						'onSelect' : function(file) {
							queueSize = file.name;
						}					
			});
			
			
		});

});
	</script>



Code (PHP)
<table border="1" align="center" width="627" id="table1" class="grid2">
  <tr>
    <td width="150">หัวข้อ :</td>
    <td><input name="title" type="text" id="title" value="" /></td>
  </tr>
  <tr>
    <td>รูปภาพ : </td>
    <td>
    <input type="file" id="int_img" name="int_img" class="inputFileUploadify"/>
    </td>
  </tr>
  <tr>
    <td>รูปภาพปุ่ม : </td>
    <td>
        <input type="file" id="int_botton" name="int_botton" class="inputFileUploadify"/>  
    </td>
  </tr>
  <tr>
    <td>รูปพื้นหลัง : </td>
    <td>
        <input type="file" id="int_bg" name="int_bg" class="inputFileUploadify"/> 
    </td>
  </tr>
</table>
<input name="Submit" type="submit" class="register-button" id="submit" value="บันทึกข้อมูล">



ปัญหาที่เจอคือ alert(jQuery('.inputFileUploadify').attr('id')); ใน submitHandler ลอง alert ดูแล้ว ขึ้น เป็น Undentify

แต่พอย้ายตำแหน่งออกมานอก submitHandler กลับมีค่า show ตามปกติครับ ไม่ทราบว่าจะแก้ไขยังไงได้บ้างครับ ตอนนี้ตันไปหมดแล้ว

submitHandler << ตัวนี้คือ Jquery validate ครับ เอาไว้เช็คค่าเมื่อมีการ submit ส่วน uploadify ที่ผมใช้ ผมให้มีการเช็คค่า ถ้าไม่มีการเลือกไฟล์อัพโหลด จะให้ไปทำงานในส่วนของขั้นตอน sent_data_img('design/get_data_intro.php'); ส่วนหากมีค่าอัพโหลด ก็จะเรียก uploadify เพื่อใช้งานครับ



ผมอยากให้ค่าของ alert(jQuery('.inputFileUploadify').attr('id')); ไม่แสดงเป็น undentify จะแก้ยังไงดีครับ



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-03-14 14:25:02 By : iaunz View : 1040 Reply : 3
 

 

No. 1

Guest


ผมลองทดสอบดู

Code (PHP)
<script>
	 
var queueSize = 0;

function startUpload(id){

	if(queueSize == 0){
		//insert your form submit function call here
		//alert("Nothing in the queue");
		sent_data_img('design/get_data_intro.php');				
	}else{
		jQuery('#'+id).uploadify('upload');
	}
}	  


jQuery(document).ready(function() {

// เพิ่ม  เรียกใช้งานได้ตามปกติ
test();

	function test()
	{
		jQuery(".inputFileUploadify").each(function() {
			var myID = jQuery(this).attr('id');
			alert(myID);
		});
	}
//
	
	  /* กรอกได้เฉพาะภาษาอังกฤษ*/
        jQuery.validator.addMethod("Engkey", function(value, element) {
            return this.optional(element) || /^[a-z0-9\-]+$/i.test(value);
        }, "ต้องเป็นภาษาอังกฤษเท่านั้น");	  
	  
    	//$j("#frm").validate();
		jQuery('#frm').validate({
			 rules: {			
				title: {
					    required: true
				}																										
 			 },	
		messages: {				
				title: {
					    required: "หัวข้อ"
				}			
			},
			submitHandler: function() {
					//startUpload('int_bg');
					alert(jQuery('.inputFileUploadify').attr('id'));
			}
    	});		
		
		jQuery(".inputFileUploadify").each(function() {
			var myID = jQuery(this).attr('id');
			
			jQuery('#' + myID).uploadify({
				'swf'      : '<?=_BASEURL_?>/swf/uploadify.swf',
				'method'        : 'post',
				'uploader' : 'design/get_data_intro.php',
				'displayData'   : 'percentage',
				'simUploadLimit': 1,
				'queueSizeLimit': 1,
				'fileSizeLimit' : '500KB',
				'fileTypeDesc' : 'Image Files',
				'fileTypeExts' : '*.gif; *.jpg; *.png',			
				'auto'          : false,
				'onUploadStart' : function(file) {
					jQuery('#' + myID).uploadify("settings", "formData", {"id" : <?=$id?>, "timestamp" : '<?php echo $timestamp;?>', 'token' : '<?php echo md5('unique_salt' . $timestamp);?>', "title": jQuery("#title").val(), "method": '<?=$method?>' });
				
				},						 
				'onUploadSuccess' : function(file, data, response) {
						jQuery('#status').dialog({ modal: true, height: "auto", width: "250px", open: function(event, ui) { jQuery('body').css('overflow','hidden');}, close: function(event, ui) { jQuery('body').css('overflow','auto'); } }).html(data);			
					},
						'onSelect' : function(file) {
							queueSize = file.name;
						}					
			});
			
			
		});

});
	</script>



เพิ่ม Function test สามารถใช้งานได้ตามปกติ แต่พอ จับยัดไปในส่วนของ validate ในส่วนของ submitHandler กลับไม่มีค่าโชว์






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-14 15:39:55 By : iaunz
 


 

No. 2



โพสกระทู้ ( 1,819 )
บทความ ( 20 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Facebook

guest
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-14 15:41:50 By : cookiephp
 

 

No. 3

Guest


guest แล้ว ? ยังไง งง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-14 16:02:43 By : iaunz
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องการใช้งาน uploadify หน่อยครับ พอดีมีปัญหาเกี่ยวกับการใช้งาน พอจะมีใครช่วยได้บ้างหว่าา
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่