类似与微博的异步上传图片,怎么实现
一般都是在页面里加个iframe,提交时提交到iframe里就可以了,如果想通知用户的话在iframe里用parent.alert()来提示玩家或用parent调用其他js方法也可以。
form表单的target指向一个iframe,在iframe中上传图片,然后在父窗体显示。
其实这个你可以研究一下uploadfy的上传机制,首先在页面打开时创建了一个类似与iframe的绑定,然后异步传输文件,和正常的表单提交一样,然后你在异步提交的php中接受并转移到正式图片目录,这样图片已经就到了你的服务器,然后你就可以自由显示了,根据ajax返回的url去显示一个图片就很简单了吧
上传图片form提交target到一个隐藏的iframe里,
form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe"><!--上传图片页面 --></form><iframe name="uploadIframe" id="uploadIframe" style="display:none"></iframe>
然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(4)
一般都是在页面里加个iframe,提交时提交到iframe里就可以了,如果想通知用户的话在iframe里用parent.alert()来提示玩家或用parent调用其他js方法也可以。
form表单的target指向一个iframe,在iframe中上传图片,然后在父窗体显示。
其实这个你可以研究一下uploadfy的上传机制,首先在页面打开时创建了一个类似与iframe的绑定,然后异步传输文件,和正常的表单提交一样,然后你在异步提交的php中接受并转移到正式图片目录,这样图片已经就到了你的服务器,然后你就可以自由显示了,根据ajax返回的url去显示一个图片就很简单了吧
上传图片form提交target到一个隐藏的iframe里,
form action="upload.php" id="form1" name="form1" enctype="multipart/form-data" method="post" target="uploadIframe">
<!--上传图片页面 -->
</form>
<iframe name="uploadIframe" id="uploadIframe" style="display:none"></iframe>
然后后台处理完上传图片逻辑后返回给前台,利用ajax修改当前页面DOM对象实现无刷新上传图片的友好功能。