軟件項(xiàng)目開(kāi)發(fā)過(guò)程中，文件上傳功能是常用技術(shù)之一，經(jīng)常需要上傳文件過(guò)程中為了更好的體驗(yàn)，不允許刷新當(dāng)前頁(yè)面，這樣就必須使用異步上傳技術(shù)了，jQuery提供了異步上傳的多種方法，下面跟大家一起探討使用jQuery.form插件上傳文件的功能，具體實(shí)現(xiàn)過(guò)程如下：文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-510134.html
環(huán)境要求
| 序號(hào) | 資源 | 說(shuō)明 |
| 1 | jQuery插件 | ajax通訊基礎(chǔ) |
| 2 | mysql數(shù)據(jù)庫(kù) | 存儲(chǔ)省市縣數(shù)據(jù) |
| 3 | jdk1.8+ | 開(kāi)發(fā)環(huán)境 |
| 4 | tomcat8.5+ | 運(yùn)行環(huán)境 |
| 5 | fastjson | json數(shù)據(jù)封裝對(duì)象 |
項(xiàng)目結(jié)構(gòu)
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-510134.html
?前端頁(yè)面（ajaxform.jsp）
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>jquery表單應(yīng)用</title>
<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.form.js"></script>
<script type="text/javascript">
/*
*
* var 到了這里，關(guān)于第11講：使用ajax技術(shù)實(shí)現(xiàn)文件上傳功能（jQuery）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
