位置: 编程技术 - 正文

jQuery AjaxUpload 上传图片代码

编辑:rootadmin

推荐整理分享jQuery AjaxUpload 上传图片代码,希望有所帮助,仅作参考,欢迎阅读内容。

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

本次使用AJAXUPLOAD做为上传客户端无刷上传插件,其最新版本为3.9,官方地址: jquery.min.1.4.2.js 和 ajaxupload.js

HTML 代码:

js代 码:

服务器端 ajaxuploadhandler.ashx 代码

在PHP网站开发中,文件上传功能时常用到,之前我已介绍过如何利用PHP实现文件上传功能。随着WEB技术的发展,用户体验成为衡量网站成功与否的关键,今天和大家分享如何在PHP中利用Jquery实现Ajax方式文件上传功能的例子,其中使用到了Jquery插件Ajaxupload,其可以实现单个文件和多文件上传功能。

AjaxUpload

  Jquery插件AjaxUpload实现文件上传功能时无需创建form表单,即可实现Ajax方式的文件上传,当然根据需要也可以创建form表单。

准备工作

1、下载Jquery开发包和文件上传插件AjaxUpload。

2、创建uploadfile.html,并引入Jquery开发包和AjaxUpload插件

3、根据Jquery插件AjaxUpload的需要,创建一个触发Ajax文件上传功能的DIV

注释:由下面的代码我们可以看到Jquery插件AjaxUpload是根据upload_button这个DIV触发文件上传功能。

前台JS代码

  在代码中我设置了开关,根据需要可以匹配上传文件类型,同时也可以设置是以Ajax方式实现单个文件上传还是多个文件上传。

jQuery AjaxUpload 上传图片代码

注释:

第1行:$(document).ready()函数,Jquery中的函数,类似于window.load,使用这个函数可在DOM载入就绪能够读取并操纵时立即调用绑定的函数。

第3行:fileType和fileNum参数代表上传文件的类型和数量,默认值为可上传所有类型文件,同一时间只能上传一个文件,如想上传图片文件或同时上传多个文件,可将这两个变量值变为pic和more。

第6~8行:POST到服务器的数据,你可以设置静态值也可以通过Jquery的DOM操作函数获得一些动态值,比如form表单中INPUT的值等。

第9行:等同于前端

服务器端$_FILES['userfile']

第~行:文件上传前触发的功能。

第~行:图片文件类型的过滤功能,Jquery setData函数用来设置POST至服务器端的值。

第~行:设置同时只上传一个文件还是多个文件,如果只上传一个文件,则将触发按钮禁掉。如果要多传输几个文件,请在服务器端PHP文件上传程序中设置MAXSIZE的值,当然上传文件的大小限制同时和PHP.INI文件中的设置也有关。

第~行:在文件上传过程中每隔毫秒动态更新一次按钮的文字,已实现动态提示的效果。window.setInterval函数用来每隔指定的时间就执行一次内置的函数,交互时间单位为豪秒。

第~行:文件上传功能完成后触发的功能,根据返回值如果服务器端报错,则前端通过ALERT方式提示出错信息。

服务器端PHP文件上传代码

  大体上是根据之前介绍的PHP文件上传功能代码实例教程改编,涉及到的文件上传大小的设置,出错信息等说明都已在此文中详细说明。

总结

  基本上前端Ajax文件上传触发功能和服务器端PHP文件上传功能的原型就介绍完毕了,你可以根据自身需要对前后端代码进行补充,也可以将一些功能独立出来,比如文件类型、单个文件或者多文件上传功能。总的来说Jquery插件AjaxUpload实现文件上传功能的应用还是比较容易的。

基于jQuery实现select下拉选择可输入附源码下载 我们知道,一般select下拉框是只能选择的,不能用来输入内容的。而有时我们会遇到下拉框中没有要选择的信息项或者下拉选项特别多时,我们可以让se

jquery操作select元素和option的实例代码 废话不多说了,直接给大家贴代码,具体代码如下所示:htmlheadtitle/title!--添加jquery--scriptsrc="../Script/jQuery/jquery-1.6.2.min.js"type="text/javascript"/scriptscripttype="

jquery实现的判断倒计时是否结束代码 本章节介绍一段代码实例,此代码能够判断当前日期是否已经倒计时结束,此代码中并没有倒计时效果,只是判断是否倒计时完成,比如购物网站优惠

标签: jQuery AjaxUpload 上传图片代码

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

上一篇:基于JQuery实现图片轮播效果(焦点图)(jquery图片效果)

下一篇:基于jQuery实现select下拉选择可输入附源码下载(jquery的实现原理)

  • 税务基本任务和稽查范围?
  • 补缴的社保可以报销吗
  • 申报增值税附加税减免项目选错了
  • 总账和总分类账的区别图片
  • 保险公司收车船使用税吗
  • 所得税年报工资薪金支出怎么填
  • 公司代个人收承兑汇票
  • 累计专项扣除和专项附加扣除
  • 暂存款属于什么费用
  • 房产折旧计算方法 举例
  • 应交税金的负数金额要怎么调整
  • 专用发票第一次怎么开
  • 技术维护费属于劳务还是研发和技术服务
  • 促销服务费经营范围怎么写
  • 企业取得的不征税收入需要在几年内花出去
  • 工具器具属于固废吗
  • 收到教育费附加返还款现金2000元会计分录
  • 进口车辆购置税公式
  • 地毯属于什么类别垃圾分类
  • 5000元可以买什么东西
  • 增值税的征收范围包括在中华人民共和国境内
  • 所得税退税会计分录为啥要借贷所得税费用
  • 开办费摊销从什么时候开始
  • 增值税专用发票有几联?
  • 一个完整的php文件由哪些元素组成
  • 营改增后房地产企业账务处理
  • 国内保理业务是担保类中间业务吗
  • 企业规模扩大后更易于管理吗
  • 如何计算企业年度人均产值
  • vuejs动态加载组件
  • 合理损耗企业所得税税率
  • 购买材料支出明细表
  • php是面向对象编程吗
  • 金蝶专业版怎么用
  • 商誉减值后
  • 企业所得税营业外收入
  • 元素鼠标失灵了怎么办
  • 基于深度学习的自动调制识别(含代码链接)
  • cdr快捷键命令大全
  • php实现支付宝支付
  • 货物入库会计分录怎么做
  • 进项税抵增值税
  • 出纳造工资表吗
  • c语言中局部变量和全局变量同名
  • SQLServer中Partition By及row_number 函数使用详解
  • 网上更正增值税申报表
  • 法人转让股权,可以打个人账户吗
  • 七天年化收益率2%
  • 小规模防伪税控服务费多少钱
  • 长期待摊销费用属于
  • 仓库包材问题和造成的后果
  • 绿化工程苗木成活率交工标准
  • 分期收款定义
  • 车辆购置税是怎么计算的
  • 待抵扣税额转入进项税额的分录
  • 长期待摊费用怎么记账
  • 会计的凭证怎么做账
  • 外购固定资产
  • 关闭 windows
  • win10执行数据保护如何开启
  • Windows Server 2008搭建终端服务器
  • 360安全卫士中心未完全开启
  • mac安装git客户端
  • centos7.0安装网卡驱动
  • windows8.1如何安装
  • win10预览版桌面图标和任务栏不翼而飞怎么办?
  • shell linux命令详解
  • from tkinter import
  • oracle shell脚本
  • javascript 进阶篇1 正则表达式,cookie管理,userData
  • 深入理解计算机系统
  • android实现底部菜单
  • 如何判断安卓手机
  • unity3d官方教程
  • javascript简明教程
  • 自定义圆角控件
  • 公共配套设施如何计算成本
  • 大连地税局发票怎么开
  • 厦门税务局发票查询系统
  • 开票系统税控盘在哪里
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设