位置: 编程技术 - 正文

jQuery插件ajaxFileUpload使用详解

编辑:rootadmin

推荐整理分享jQuery插件ajaxFileUpload使用详解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

ajaxFileUpload.js 很多同名的,因为做出来一个很容易。

我用的是这个:           上传处理程序地址。  2、fileElementId      需要上传的文件域的ID,即<input type="file">的ID。3、secureuri        是否启用安全提交,默认为false。 4、dataType        服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。5、success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。6、error          提交失败自动执行的处理函数。7、data           自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。8、 type           当要提交自定义参数时,这个参数要设置成post

错误提示:

1、SyntaxError: missing ; before statement错误  如果出现这个错误就需要检查url路径是否可以访问

2、SyntaxError: syntax error错误  如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误

3、SyntaxError: invalid property id错误  如果出现这个错误就需要检查文本域属性ID是否存在

4、SyntaxError: missing } in XML expression错误  如果出现这个错误就需要检查文件name是否一致或不存在

5、其它自定义错误  大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

使用方法:

第一步:先引入jQuery与ajaxFileUpload插件。注意先后顺序,这个不用说了,所有的插件都是这样。

jQuery插件ajaxFileUpload使用详解

第二步:HTML代码:

第三步:JS代码

第四步:后台页面upload.aspx代码:

本实例完整代码下载

来一个MVC版本的实例:

控制器代码

前端视图,HTML与JS代码,成功上传后,返回图片真实地址并绑定到<img>的SRC地址

最后再来一个上传图片且附带参数的实例:控制器代码:

Index视图代码:

此实例在显示出异步上传图片的同时并弹出自定义传输的参数。本实例下载地址

  年1月日,今天调试过程中发现一个问题,就是作为文件域(<input type="file">)必须要有name属性,如果没有name属性,上传之后服务器是获取不到图片的。如:正确的写法是<input type="file" id="file1" name="file1" />

  年1月日,最经典的错误终于找到原因所在了。Object function (a,b){return new e.fn.init(a,b,h)} has no method 'handleError',这个是google浏览器报的错误,非常经典, 不知道是我的版本问题还是真正存在的问题。这个问题的根源经过N次上传才找到问题的根本所在。答案是:dataType参数一定要大写。如:dataType: 'HTML'。

  --,评论中的一个错误:TypeError: $.ajaxFileUpload is not a function 我们用的不是同一个JS,你下了别的AJAXFileUpload去了。

标签: jQuery插件ajaxFileUpload使用详解

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

上一篇:jQuery zTree树插件简单使用教程(jquery ztree api)

下一篇:jQuery对table表格进行增删改查(jquery给表格赋值)

  • 零售和批发的界定
  • 生产设备改扩建会计分录
  • 股东退股如何清算盈亏
  • 季末资产总额的计算
  • 定期定额的个税起征点
  • 个人股权转让给公司
  • 跨境电商的钱怎么到账
  • 网络团购的类型
  • 个人劳务发票怎么交税
  • 累计折旧借贷方向分录
  • 劳务发票税率营改增后是多少?
  • 以前年度损益调整属于哪类科目
  • 小规模增值税怎么做账
  • 企业范围内已利用的荒山要交城镇土地使用税吗
  • 没有库存先开票再发货
  • 开户许可证怎么下载电子版
  • 一般纳税人企业所得税税率2023
  • 多付几分钱怎么做账
  • win7系统ie浏览器在哪里
  • 发票已认证还未开票
  • 退休返聘工资如何申报个人所得税
  • centos apache配置文件
  • wordpress优化加快的好多个关键点
  • 企业未实际出资
  • 保洁费入账
  • Symfony2 session用法实例分析
  • 薰衣草 英国
  • wnba艾琳娜多恩
  • thinkphp表单验证
  • 2022年 change detection遥感图像变化检测 论文附代码
  • yolo s
  • 购买员工团体意外险肺炎能报销吗
  • 洗浴报销票子怎么写
  • 以前年度未处理的业务
  • 不可抵消
  • 合并报表中的抵损益
  • 个人所得税两处或两处以上工资、薪金所得纳税申报表
  • 金蝶软件做账流程图片
  • 报销流程怎么走
  • 如何免费用别人家的wifi
  • 怎么才能获得音乐
  • 不能抵扣的福利费
  • 公司车过户给个人多久不用补税
  • 固定资产后续支出计入的科目
  • 会计的视频教程
  • 税后扣税
  • 专票和普票的作用
  • 公司买东西算什么费用
  • 流动资产周转率计算公式
  • 房子装修费要交税吗
  • 低值易耗品怎么处理
  • 从根上保证电脑安全、不中毒的方法
  • Win10系统开机出现问题pin码不可用
  • linux安装软件怎么安装
  • desl.exe是什么
  • mac ds_store
  • mac怎么格式
  • linux查看sh
  • win7电脑浏览器怎么设置默认浏览器
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • yarn和npm一起使用冲突
  • 怎么创建pom.xml
  • Node.js中的全局变量有哪些
  • pyqt用法
  • nodejs中的session
  • unity3d题库
  • Android Adapter 源码笔记(3)
  • js的设计模式有哪些
  • 启动游戏使用的文件夹什么意思
  • Javascript & DHTML 实例编程(教程)(四)初级实例篇2—动画
  • javascript面向对象 第三方类库
  • 北京税务局网上怎么登录
  • 江苏电子税务局官网登录入口
  • 国家税务总局2012年20号公告
  • 南阳市税务稽查局举报电话
  • 一般纳税人做账收费标准
  • 深圳代理记账公司赚钱吗
  • 城市维护建设税,教育费附加,地方教育费附加
  • 债权收购协议书
  • 宁阳旧城改造名单
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设