这篇文章主要为大家详细介绍了原生ajax和iframe框架实现图片文件上传的两种方式，感兴趣的小伙伴们可以参考一下
大家应该可以举出几种常用的异步文件上传功能的实现方式，使用频率较多的有原生ajax和iframe框架，实现图片文件上传，下面就为大家分享图片文件上传的两种方式：原生ajax和iframe框架，供大家参考，具体内容如下
方法一：利用iframe框架上传图片
html代码如下:
<div class="frm"> </div><div id="msg"> </div>
index.js文件：
$(function(){ $("#upload_file").change(function(){ $("#uploadFrom").submit(); }); }); function stopSend(str){ var im=""; $("#msg").a<i style="color:transparent">来源gaodai$ma#com搞$代*码网</i>ppend(im); }
upload.php文件：
parent.stopSend('$name')"; ?>
方法二：原生态ajax文件上传
<title>Html5 Ajax 上传文件</title> .txt{ height:28px; border:1px solid #cdcdcd; width:670px;} .mybtn{ background-color:#FFF; line-height:14px;vertical-align:middle;border:1px solid #CDCDCD;height:30px; width:70px;} .file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px } <div class="form-group"> <label class="control-label">图片</label><br /><span class="mybtn">浏览...</span><span class="mybtn">上传</span></div>
php代码：
以上就是本文的全部内容，希望对大家学习理解ajax和iframe框架实现图片文件上传有所帮助。
以上就是原生ajax和iframe框架实现图片文件上传的两种方式的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：原生ajax和iframe框架实现图片文件上传的两种方式
转载请注明原文链接：原生ajax和iframe框架实现图片文件上传的两种方式
