现在就只能把textarea里的信息post到后端,图片上传不了,该怎么解决呢?

form里既有数据也有图片上传
js代码:

 <script type="text/javascript">

     	$(document).ready(function(){       //DOM的onload事件处理函数  
   	 $("#send").click(function(){   //当按钮button被点击时的处理函数  
      postdata();                   //button被点击时执行postdata函数  
                    
    	});  
 	});  
	 function postdata(){            //提交数据函数  
   	 $.ajax({                     //调用jquery的ajax方法  
      	type: "post",              //设置ajax方法提交数据的形式  
      	url: "sendmes.php",             //把数据提交到sendmes.php  

      	dataType: "json",//返回数据类型
      	data: $("#send_form").serialize(),  
      	
    	});  
 		} 
 	
     </script>

html form:

<form id="send_form" enctype="multipart/form-data">
						
		<textarea name="message" id="msg"></textarea>
						
		<input type="file" name="upload" id="upload">
						
		<input type="submit" class="send" id="send" value="发布">
						
</form>


qq_遁去的一_1
浏览 98回答 2
2回答

繁星点点滴滴

比如 upload.php?text=你要加的文本。 <script&nbsp;type="text/javascript">&nbsp;&nbsp;&nbsp; function&nbsp;inputFileChange(){ &nbsp;&nbsp;&nbsp; $.ajaxFileUpload({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:'<%=basePath&nbsp;%>file/uploadtempimage.action',//用于文件上传的服务器端请求地址 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;secureuri:false,//一般设置为false &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fileElementId:'photofile',//文件上传空间的id属性&nbsp;&nbsp;<input&nbsp;type="file"&nbsp;id="file"&nbsp;name="file"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:&nbsp;'json',//返回值类型&nbsp;一般设置为json &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(data,status)&nbsp;&nbsp;//服务器成功响应处理函数 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("#testImg").attr("src",data.src);&nbsp;&nbsp;//后台返回的JSON格式字符串,src&nbsp;是上次图片的服务器地址 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error:&nbsp;function&nbsp;(data,&nbsp;status,&nbsp;e)&nbsp;{&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(e);&nbsp;&nbsp; &nbsp;&nbsp; } &nbsp;&nbsp; }) &nbsp;&nbsp; $("#photofile").replaceWith('<input&nbsp;type="file"&nbsp;name="file"&nbsp;onchange="inputFileChange()"&nbsp;id="photofile"&nbsp;value=""&nbsp;/>');&nbsp;&nbsp;//&nbsp;更换input&nbsp;标签,&nbsp;如果用Button提交可以不要,如果&nbsp;是&nbsp;onchange="inputFileChange()"&nbsp;就一定要替换 &nbsp;&nbsp;&nbsp; } &nbsp;&nbsp;&nbsp; </script>我的事jsp的希望对你有用,以前学习的时候用到这个,给你翻出来了

慕桂英4014372

不如你看看 $('#send_form').serialize() 能得到啥?除非使用HTML5的File API,否则ajax没法直接POST文件的。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript