位置: 编程技术 - 正文

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给表格赋值)

  • 应交税费负数调整
  • 办理外汇账户开户手续
  • 电汇凭证如何使用
  • 进项抵欠税相关政策
  • 固定资产属于净资产的哪一项
  • 每月计提折旧
  • 物业收取水费比水厂收的高怎么办
  • 企业所得税一般是多少
  • 股息率炒股
  • 企业清算企业所得税税率
  • 房地产预收房款怎么开票
  • 先收钱后开票怎么做分录
  • 企业转让销售配额怎么算
  • 设备租赁公司怎么复制赚钱
  • 专家评审费报销仅附签字笔迹相似
  • 小企业会计准则没有以前年度损益调整科目
  • bios屏蔽接口
  • 外籍人员个人所得税政策2023规定
  • 非居民所得税代扣代缴
  • 结转损益类收入科目的余额会计分录
  • 小规模旅游业的会计分录怎么写
  • 远期外汇交易会有风险吗
  • 用盈余公积弥补以前年度亏损
  • sci期刊投稿步骤
  • 150m迷你型无线路由器怎么用
  • 企业纳税额包括个人所得税吗
  • Pinia(二)了解和使用Store
  • php析构方法怎么用
  • thinkphp分表查询
  • php示例代码
  • 办公室装修款怎么做账
  • jasypt加密解密
  • 达到规定数量赠送实物,如何开票
  • 企业接受捐赠要交增值税
  • sqlserver 死锁查询
  • 成本核算的意义是什么
  • 土石方费用入什么科目
  • 金蝶标准版怎么查应收应付款
  • 固定资产原值增加当月计提折旧吗
  • 个体工商户如何用工
  • 小微企业增值税优惠政策最新2023
  • 复利年金的区别
  • 企业所得税退还账务处理
  • 管理费用如何做分录
  • 国有资产无偿划转协议
  • 3%税率专用发票
  • 结存材料实际成本计算公式
  • 出现亏损
  • 计提房产税的账务处理
  • sqlserver dbcc
  • mac safari使用技巧
  • linux的ftp命令
  • windows有两个
  • 简单说明ssh远程登录流程
  • win8怎么把任务栏变成透明
  • netfilter/iptables模块编译及应用
  • windows7看视频黑屏
  • win8系统如何关机
  • android开发webview
  • opengl版本太低怎么升级
  • android style文件
  • jquery 延迟对象
  • js动态执行代码
  • node怎么实现多线程
  • shader能做什么
  • javascript面向对象吗
  • kraken框架
  • django使用celery
  • android 加载大量图片
  • 利用jQuery实现一个时间无法显示
  • 江西省税务局查不到缴费记录
  • 甘肃职称申报评审入口官网
  • 税控盘连接服务器失败是什么原因黑盘发票无法上传
  • 香港居民个人转让境内股权所得个人所得税税率
  • 税务局监制的收据哪里买
  • 河北云办税厅2.0登录
  • 国税地税征管体制改革方案全文
  • 资源税什么意思
  • 财税专业全称叫什么
  • 注册海外公司如何注册
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设