我是靠谱客的博主 虚幻百褶裙,最近开发中收集的这篇文章主要介绍利用jquery插件ocupload进行文件上传,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

tips:因为ocupload是基于jquery的插件,所有必须和jquery一起导入才能够使用。

一般情况下上传文件:

<form action="xxx" method="post" enctype="multipart/form-data">
    <input type="file" name="xxxFile">
    <input type="submit" value="upload">
</form>

这样上传文件的同时,页面会刷新。如果不想让页面刷新,可以加一个iframe,并设置为不可见,就像这样:

<iframe style="display: none" name="aaa"></iframe>
<form target="aaa" action="xxx" method="post" enctype="multipart/form-data">
    <input type="file" name="xxxFile">
    <input type="submit" value="upload">
</form>

还有一种方式就是利用jquery的插件ocupload进行上传:

首先随便提供一个元素,以button为例:(假设jquery和ocupload已经引用)

<input id="but" type="button" value="上传">
然后写如下一段js代码就可以了。
<script type="text/javascript">
    $(function(){
	$('#but').upload({
	    action:'xxx.action',
	    name:'xxxFile'
	});
    });
</script>
大致原理就是在调用插件的upload方法后,这个方法动态的修改了HTML页面元素,这个可以在访问时用F12浏览器的开发者工具看到。(忘截图了=。=)


最后

以上就是虚幻百褶裙为你收集整理的利用jquery插件ocupload进行文件上传的全部内容,希望文章能够帮你解决利用jquery插件ocupload进行文件上传所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(52)

评论列表共有 0 条评论

立即
投稿
返回
顶部