概述
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进行文件上传所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复