操作步驟如下
沙河網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。
一、dropzone導(dǎo)入
01.dropzone官網(wǎng)下載其插件壓縮包并復(fù)制項目；
02.將CSS和JS文件在HTML文件中引入；
//下面src中的地址根據(jù)自己文件地址進行修改，不能之間copy，否則可能用不了?。?！
二、dropzone的使用
只需要一個 div 元素，用 JavaScript 代碼啟用即可
HTML 結(jié)構(gòu)如下：
JavaScript 啟用代碼如下：
前端工作做完后，后臺需要提供文件上傳支持，我們使用 Spring MVC 來接收上傳的文件
三、SpringMVC的處理
commons-fileupload jar包導(dǎo)入
01.如果使用Meaven倉庫，在其Pom.xml添加如下依賴。
commons-fileupload commons-fileupload 1.3.2
如果未使用Meaven，百度commons-fileupload下載jar并復(fù)制到項目中。
配置 spring-mvc.xml
需要 Spring 注入 multipartResolver 實例，spring-mvc.xml 增加如下配置：
Controller類的代碼實現(xiàn)
重慶分公司
重慶分公司
@Controller
public class UploadController {
@ResponseBody
@RequestMapping(value = "upload", method = RequestMethod.POST)
public String upload(MultipartFile dropzFile, HttpServletRequest request) {
// 獲取上傳的原始文件名
String fileName = dropzFile.getOriginalFilename();
// 設(shè)置文件上傳路徑
String filePath = request.getSession().getServletContext().getRealPath("/static/upload");
// 獲取文件后綴
String fileSuffix = fileName.substring(fileName.lastIndexOf("."), fileName.length());
// 判斷并創(chuàng)建上傳用的文件夾
File file = new File(filePath);
if (!file.exists()) {
file.mkdir();
}
// 重新設(shè)置文件名為 UUID，以確保唯一
file = new File(filePath, UUID.randomUUID() + fileSuffix);
try {
// 寫入文件
dropzFile.transferTo(file);
} catch (IOException e) {
e.printStackTrace();
}
return "";
}
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。
