用jquery实现ajax 上传图片提交到PHP

发布网友 发布时间：2022-04-19 20:08

我来回答

共3个回答

热心网友 时间：2022-04-07 10:49

$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
先看一个简单的ajax提交数据功能
some.php就是你提交到后台进行操作的php data就是参数根据自己的需要而定饿。
当数据与php提交有效或者说后台成功返回时 success就是成功返回到前台的方法操作msg就是后台操作前台提交的数据所返回的 xml或者json或者字符串的信息 根据您自己所定义的信息进行数据操作。

您的是上传功能。那么您所提供的数据有图片地址。和一个上传功能的php函数。这个函数当您提交action的php。当这个php被执行时正确的返回为1时为上传成功、0为上传失败（或者将返回失败的信息返回给前台）、success: function(msg){
alert( "Data Saved: " + msg );
}
这里就可以处理您的返回信息了。具体的流程是这样的需要您自己去看看。追问enctype="multipart/form-data" 这个属性怎么搞？

热心网友 时间：2022-04-07 12:07

好像不可以吧，浏览器为了安全不能用javascript读取本地文件的

热心网友 时间：2022-04-07 13:42

JScript code!--隐藏的iframe来接受表单提交的信息-->
<iframe name="ajaxifr" style="display:none;"></iframe>
<!--这里设置target="ajaxifr"，这样表单就提交到iframe里面了，和平时未设置target属性时默认提交到当前页面-->
<!--注意一点的是使用iframe时在提交到的页面可以直接输出js来操作父页面的信息，一般的ajax提交文本信息时你需要返回信息，如果是js信息你还得eval下-->
<form method="post" enctype="multipart/form-data" action="upload.ashx" target="ajaxifr" onsubmit="return check(this)">
文件描述：<input type="text" name="des" /><br />
选择文件：<input type="file" name="upfile" /><br />
<input type="submit" value="提交" />
</form>
<!--放入此div用来实现上传的结果-->
<div id="ajaxMsg"></div>追问求代码