jquery和iframe做一个ajax上传效果实例分享

// 利用 jquery+iframe 做一个ajax上传效果/*思路:1: 点击"提交"时的瞬间,生成一个iframe对象,插入body中2: 修改form的target ,为iframe的name值3: 给iframe加1个事件 ,onload*/$( function() { $('input:button').click(function(){ //alert('s'); var ifmname = 'ifm' + Math.random(); var ifm = $(''); ifm.appendTo($('body')); $('form').attr('target',ifmname); $('form').submit(); $('#progress').html('" border="0">'); ifm.load(function(){ $('#progress').html('上传完毕'); this.remove(); }); }); });

upfile.php

echo move_uploaded_file($_FILES['pic']['tmp_name'],'./upload/' . $_FILES['pic']['name']) ? 'OK':'fail';

大家学会了吗？绝得不错的感觉动手尝试一下吧。

实例分享Ajax上传文件进度条Codular

实例讲解H5移动开发Ajax上传多张Base64格式图片到服务器

Ajax上传图片及先预览功能的实现方法