jQuery插件AjaxFileUpload实现ajax文件上传【jquery】

web前端|js教程

jQuery,AjaxFileUpload,文件上传,ajax

web前端-js教程

本文实例为大家分享了AjaxFileUpload实现文件上传的具体代码，供大家参考，具体内容如下

qhf自动办公系统(oa 审批流)源码,安卓能用vscode吗,ubuntu系統,tomcat版本怎么选,宿舍恐怖爬虫,php 二维数组比较,自己怎么做抖音seo,超级搜索引擎网站链接,模特展示模板lzw

jQuery插件AjaxFileUpload用来实现ajax文件上传，该插件使用非常简单，接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。

投资网站源码下载,vscode插件电脑卡死,ubuntu转root,idea项目绑定tomcat,爬虫频次,php淘宝客网站源码,安庆seo推广贵不贵,企业网站静态页模板,微擎开源版怎样添加模板lzw

1、引入AjaxFileUpload插件相关的js

微市场源码,Ubuntu装在SSD中,安卓上跑tomcat,爬虫和人类,php线上debug,株洲360seo优化成交价lzw

<script type="text/javascript" src="resources/js/jquery-1.2.1.js">

<script type="text/javascript" src="resources/js/ajaxfileupload.js">

备注：测试发现，ajaxfileupload对jQuery版本是有要求的，在使用中ajaxfileupload和jQuery对应的js版本要一致，不然会导致异常发生，可以从ajaxfileupload官网下载，避免版本冲突。

2、实现上传功能代码

<base href="">$(function(){ //上传图片 $("#btnUpload").click(function() { alert(ajaxFileUpload()); }); }); function ajaxFileUpload() { // 开始上传文件时显示一个图片 $("#wait_loading").ajaxStart(function() {$(this).show(); // 文件上传完成将图片隐藏起来 }).ajaxComplete(function() {$(this).hide(); }); var elementIds=["flag"]; //flag为id、name属性名 $.ajaxFileUpload({url: uploadAjax.htm, type: post,secureuri: false, //一般设置为falsefileElementId: file, // 上传文件的id、name属性名dataType: ext, //返回值类型，一般设置为json、application/jsonelementIds: elementIds, //传递参数到服务器success: function(data, status){ alert(data);},error: function(data, status, e){ alert(e);} }); //return false; }