package com.netvox.lora.controller;
import org.springframework.core.io.Resource;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.Map;
/**
* @Package: com.netvox.lora.controller
* @ClassName: UploadController
* @Author: ZhanWeiFeng
* @Description: //TODO
* @Date: 2020.11.12 9:23
* @Version: 1.0
*/
@Controller
public class UploadController {
@RequestMapping("upload")
public StringuploadIndex() {
return "upload";
? ? }
@RequestMapping(value ="/uploadSource", method = RequestMethod.POST)
@ResponseBody
? ? public MapuploadSource(@RequestParam("file") MultipartFile file, @RequestParam("password") String password) {
Map result =new HashMap<>();
? ? ? ? if (!password.equals("netvox5717188")){
result.put("code",-1);
? ? ? ? ? ? ? ? result.put("msg","口令錯誤");
? ? ? ? ? ? return result;
? ? ? ? }
System.out.println(file);
? ? ? ? String pathString =null;
? ? ? ? try {
File directory =new File(Resource.class.getClassLoader().getResource("device.json").getPath());
? ? ? ? ? ? pathString = directory.getCanonicalPath();
? ? ? ? ? ? File files =new File(pathString);
? ? ? ? ? ? //打印查看上傳路徑
? ? ? ? ? ? System.out.println(pathString);
? ? ? ? ? ? if (files.exists()){
files.delete();
? ? ? ? ? ? }
file.transferTo(files);
? ? ? ? ? ? result.put("code", 200);
? ? ? ? ? ? result.put("msg", "success");
? ? ? ? }catch (Exception e) {
result.put("code", -2);
? ? ? ? ? ? e.printStackTrace();
? ? ? ? }
return result;
? ? }
}
前端代碼
<!DOCTYPE html>
<html lang="en">
? ? <meta charset="utf-8">
? ? <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
? ? <title>文件上傳
? ? <link rel="stylesheet" href="/layui/css/layui.css">
? ? <h1 align="center" style="font-size:30px">上傳Lora設(shè)備描述文件
<script src="/layui/layui.all_zh.js">
<script src="/layui/jquery/jquery-3.3.1.min.js">
<form class="layui-form" action="">
? ? <div class="layui-form-item">
? ? ? ? <div class="layui-col-md12" style="margin-left:600px">
? ? ? ? ? ? <label class="layui-form-label">? 口令：
? ? ? ? <div class="layui-input-inline">
? ? ? ? ? <input type="text" name="password"? id="password"? lay-reqtext="口令：" placeholder="請輸入"
? ? ? ? ? ? ? ? ? ? ? autocomplete="off" class="layui-input-inline? lay-filter=password" >
? ? ? ? <div class="layui-col-md12" style="margin-left:800px">
? ? ? ? ? ? <button type="button" class="layui-btn" id="upload"><i class="layui-icon"></i>上傳文件
? ? ? ? <div class="layui-col-md12" style="margin-left:800px;margin-top:20px">
? ? ? ? ? ? <button id="button" type="button"? class="layui-btn">提交
? var form =layui.form;
? var password= $("#password").val();
? ? // layui.use('upload', function () {
? ? ? ? var upload =layui.upload;
? ? ? ? //執(zhí)行實(shí)例
? ? ? ? var uploadInst = upload.render({
elem:'#upload' //綁定元素
? ? ? ? ? ? , url:'http://localhost:8080/uploadSource' //上傳接口.
? ? ? ? ? ? ,method:'POST'
? ? ? ? ? ? ,accept:'file'
? ? ? ? ? ? ,bindAction:'#button'
? ? ? ? ? ? ,auto:false
? ? ? ? ? ? ,data: {
password:$("#password").val()
},
? ? ? ? ? ? before:function (obj) {
this.data.password = $("#password").val();
? ? ? ? ? ? }
, done:function (res) {
//上傳完畢回調(diào)
? ? ? ? ? ? ? ? if (res.code==200){
alert("上傳成功")
}else if(res.code==-1){
alert("口令錯誤請重新輸入")
}else {
alert("文件上傳錯誤請重新上傳")
}
console.log("done")
}
, error:function (res) {
alert("上傳失敗")
//請求異常回調(diào)
? ? ? ? ? ? ? ? console.log("error")
}
});
? ? // });
</html>
