位置: 编程技术 - 正文

jQuery无刷新上传之uploadify简单代码(jquery 刷新div)

编辑:rootadmin

推荐整理分享jQuery无刷新上传之uploadify简单代码(jquery 刷新div),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery刷新页面的方法,ajax无刷新,ajax无刷新,jquery刷新当前页面的方法,jquery刷新当前页面的方法,ajax无刷新,jquery刷新当前页面的方法,jquery 刷新div,内容如对您有帮助,希望把文章链接给更多的朋友!

先简单的侃两句:貌似已经有两个月的时间没有写过文章了,不过仍会像以前那样每天至少有一至两个小时是泡在园子里看各位大神的文章。前些天在研究“ajax无刷新上传”方面的一些插件,用SWFUpload实现了无刷新上传的功能,不过个人觉得不是很完美。

昨天在网上找到了一个叫做uploadify的jquery上传插件,看到园子里有几篇文章也是介绍这个插件的,心想何不用这个试试。

不过园子里的这几篇文章用到的uploadify还是以前的旧版本uploadify-v2.1.0,我在官网上下载的是uploadify-v3.1版,其中的一些参数以及调用方法也不同了,还好官网有帮助文档。

(唯一感觉不爽的一点就是这个开发包是针对php的,官网并没有.NET版本,但至少原理都是一样的,简单的修改一下就可以了。还是那句话“不仅要知其然,还要知其所以然”,知其所以然了,一切都是浮云啊)

好了,废话不多说。先上个效果图,有图有真相:

一:从官网下载开发包添加到项目中,我对这个开发包做了一个精简,删去了那些php方面的文件:

项目基本结构:

二:添加对css和js文件的引用:

注意jquery.js文件和uploadify.js文件的调用顺序。

三:Default.aspx页面的代码如下:

四:一般处理程序UploadHandler.ashx简单代码如下:

五:用到的参数介绍:

通过查看jquery.uploadify-3.1.js中的默认设置并参考官方文档可得知:

jQuery无刷新上传之uploadify简单代码(jquery 刷新div)

参数不重新指定则保持默认:

swf:uploadify.swf 文件的相对路径

uploader:后台处理程序的相对路径

buttonText:按钮显示的文字

上传文件的类型默认为所有文件 'All Files' '*.*'

可以通过以下两参数指定,指定方法见步骤三中的代码:

fileTypeDesc;fileTypeExts;

auto:为true表示选择文件后自动上传;如果不想自动上传,需设定为false,并通过

来指定是上传还是取消上传;

multi:设置为true将允许多文件上传;

method: 提交方式Post 或Get 默认为Post;

queueSizeLimit:当允许多文件上传时,设置选择文件的个数,默认值为 ;

另外,取消上传图片的路径是设置在css文件中的;

其他更多设置可以参考官网的帮助文档。

六:将上传完成后显示的Complete显示为中文

英文的Complete不能改成中文”,这可能是之前的版本不能进行修改。我通过查看源代码 jquery.uploadify-3.1.js找到了上传完成时显示的内容:

再参考官方的帮助文档,可以得知,在“

onUploadSuccess” 事件中可以设置上传完成后所执行的代码,则修改后的代码为:

还有一个需要注意的一点是:一般在设定了选择上传文件路径时比如只允许上传*.jpg;*.png;*.gif格式的图片文件,则除了指定fileTypeDesc;fileTypeExts;两个参数外,还要在服务器端即一般处理程序中再次对上传文件的文件扩展名进行判断,以防一些用户跳过客户端验证上传恶意文件。

标签: jquery 刷新div

本文链接地址:https://www.jiuchutong.com/biancheng/370597.html 转载请保留说明!

上一篇:jQuery图片拖动组件Dropzone用法示例(js拖动图片)

下一篇:easyUI combobox实现联动效果(easyui combobox默认选中)

  • 年报纳税总额能查到吗
  • 个人所得税申报操作流程
  • 债权债务互抵怎么做账
  • 出口退税发票未稽核可以申报退税吗
  • 一般纳税企业可以变更小微企业吗
  • 股权转让涉及房屋产权变更怎么办
  • 小规模购买金税盘可以全额抵扣吗
  • 企业购买国债逆回购需要缴纳增值税吗
  • 印花税计入税金及附加吗
  • 医院晚上开不开
  • 加油票不打公司会怎么样
  • 个税申报所属期和所得期
  • 发票两边的孔怎么做
  • 服务外包企业
  • linux abi
  • 快启动u盘怎么打开
  • ue4安装插件
  • macos big sur使用技巧
  • 企业所得税弥补以前年度亏损怎么算
  • 创业投资企业可以签订代持股协议吗合法吗
  • 托收账款属于什么会计科目
  • phpseessid
  • 资产负债表中应收账款根据什么填列
  • 融资购入的固定资产如何记账
  • yew 框架
  • 营业执照上住所和经营场所
  • 变化检测是应用在图像的哪个运算中
  • 大数据热点话题
  • vue3 script setup withdefault
  • php curl_init
  • 小规模纳税人开普票要交税吗
  • 中华人民共和国禁毒法第十三条规定
  • 坏账准备备案申请资料
  • 工业企业采购部工作职责
  • 暂估入库的金额与发票金额不一样
  • python创建ndarray
  • 电子税务局网开电子发票
  • 房地产开发企业成本核算方法
  • 个体户核定征收超过了怎么办
  • 申报方式选哪个?
  • db2 select as
  • 企业取得投资收益要交税吗
  • 税控服务费全额抵扣
  • 医疗收费票据管理制度
  • 单位集体旅游算工资吗
  • 票据比例
  • 银行扣款能撤回吗
  • 国税地税发票样式区别
  • 土地增值税税率怎么算
  • 技术服务费怎么交税
  • 住宿费发票属于会计凭证吗
  • 日常费用报销表格
  • 代扣代缴增值税申报期限
  • 差旅费借贷记账法的会计分录
  • mysql查看使用情况
  • window 脚本
  • 在linux中使用哪个命令可以用于管理用户账户
  • wininfo.exe - wininfo是什么进程
  • win7旗舰版系统激活码
  • win8.1自带usb3.0驱动吗
  • Cocos2d-JS中JavaScript继承
  • cocos2d游戏源码
  • [置顶]bilinovel
  • sparsomycin
  • python怎么样学
  • django 实例
  • OKHttp源码解析-ConnectionPool对Connection重用机制&Http/Https/SPDY协议选择
  • Android Toast设置弹窗大小
  • gridview行数
  • Android带有注册界面的简单app
  • unity3d脚本怎么用
  • ASP小贴士/ASP Tips javascript tips可以当桌面
  • android studio中r文件在哪
  • androidstudio offline
  • 税控盘时间不对有影响吗
  • 税务谈心谈话记录2021
  • 货车可申请停保吗
  • 宝宝早教一般选什么课程
  • 文明6地球地图自然奇观位置
  • 在烟台如何发布招聘信息
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设