uni-app 上传功能 uploader 服务器端代码怎么写？

其实你用input type=file上传时，服务器怎么接收就怎么接收。你可以查下type=file时.net如何接收。

折腾了一晚上，终于搞定了Java版本的，具体如下： 使用了Spring的框架+Apache的FileUpload，目前实现的版本为不支持断点续传。根据本人的经验，有几点需要注意： 1调试的时候使用debug的话会出现异常，导致文件接收不正常，如果需要调试的话，用sysout输出结果查看。 2前台使用addData传输的数据只能用字符串，貌似不支持数值型和其他类型的，否则使用request.getParameter()获取不到数据。 具体代码如下：

Map<String, Object> map = new HashMap<String, Object>();

if(request.getHeader(“content-type”)!=null&&“application/x-www-form-urlencoded”.equals(request.getHeader(“content-type”))){

return null;//不支持断点续传，直接返回null即可

}

//将请求转换成

MultipartHttpServletRequest mRequest=(MultipartHttpServletRequest)request;

Enumeration<String> ps = mRequest.getParameterNames();

while(ps.hasMoreElements()){

String hname = ps.nextElement();

System.out.println(hname);

System.out.println(mRequest.getParameter(hname));

}

int eventType=0;

int reportSource=0;

double  longitude=0;

double latitude=0;

if(mRequest.getParameter(“eventType”)!=null||!"".equals(mRequest.getParameter(“eventType”).trim()))

eventType= Integer.parseInt(mRequest.getParameter(“eventType”));

if(mRequest.getParameter(“reportSource”)!=null||!"".equals(mRequest.getParameter(“reportSource”).trim()))

reportSource= Integer.parseInt(mRequest.getParameter(“reportSource”));

String reporter= mRequest.getParameter(“reporter”);

String phone= mRequest.getParameter(“phone”);

String title= mRequest.getParameter(“title”);

String description= mRequest.getParameter(“description”);

if(mRequest.getParameter(“longitude”)!=null||!"".equals(mRequest.getParameter(“longitude”).trim()))

longitude= Double.parseDouble(mRequest.getParameter(“longitude”));

if(mRequest.getParameter(“latitude”)!=null||!"".equals(mRequest.getParameter(“latitude”).trim()))

latitude= Double.parseDouble(mRequest.getParameter(“latitude”));

    Iterator<String> fns=mRequest.getFileNames();//获取上传的文件列表  
    while(fns.hasNext()){  
        String s =fns.next();  
        System.out.println(s+"==="+mRequest.getFile(s));  
//          System.out.println(mRequest.getFile(s));//get file success!!!

MultipartFile mFile = mRequest.getFile(s);

if(mFile.isEmpty()){

map.put(“error”, “EventAction.picture.failed”);

}else{

String basePath=Constant.BASEPICUPLOADPATH;

String dPath= Constant.SDF_PARAM.format(new Date());

File dir = new File(basePath+dPath);

if(!dir.exists()){

dir.mkdirs();

}

String originFileName=mFile.getOriginalFilename();

String suffix=originFileName.split("\.")[originFileName.split("\.").length-1];

String base64Name=UUID.randomUUID().toString();

File file =  new File(basePath+dPath,base64Name+"."+suffix);

try {

FileUtils.copyInputStreamToFile(mFile.getInputStream(),file);//存储文件

} catch (IOException e) {

e.printStackTrace();

}

}

}

//System.out.println(mRequest.getFileNames());

map.put(“result”, “OK”);//返回结果

return map;

}

struts框架代码咋弄呢。

@75973 你好，请问要加载什么jar包吗，怎么我使用你的代码会报错呢。而且有好几处错误

有没有前端那段上传的代码啊

请问你这个能上传多张吗

.net 后台 接收数据 string strClient = Request[“client”]; 接收文件 //客户端上传的文件集合 HttpFileCollection MyFilecollection = Request.Files; for (int i = 0; i < MyFilecollection.Count; i ) { HttpPostedFile FileInfo = MyFilecollection[i]; //FileInfo.FileName 是文件名 //FileInfo.SaveAs(filepath); 把图片保存到服务器路径 }

回复 Allen梅川酷子:JAVA CODE MultiPartRequestWrapper mulReq = (MultiPartRequestWrapper) request; File file = mulReq.getFiles(“uploadImage”)[0] String filename = mulReq.getFileNames(“uploadImage”)[0];

回复 suixing:JAVA CODE MultiPartRequestWrapper mulReq = (MultiPartRequestWrapper) request; File file = mulReq.getFiles(“uploadImage”)[0] String filename = mulReq.getFileNames(“uploadImage”)[0];

在处理 uni-app 的上传功能时，服务器端代码通常需要根据你所使用的后端技术栈来编写。以下是一些常见的后端技术栈（如 Node.js、Python Flask、Java Spring Boot）的服务器端代码示例，用于处理文件上传。

Node.js (Express)

首先，确保你已经安装了 multer 中间件，它是处理 multipart/form-data 类型请求的流行库。

const express = require('express');
const multer = require('multer');
const path = require('path');

const app = express();
const upload = multer({ dest: 'uploads/' });

app.post('/upload', upload.single('file'), (req, res) => {
  try {
    const file = req.file;
    if (!file) {
      return res.status(400).send('No file uploaded.');
    }
    res.status(200).send({
      fileName: file.filename,
      path: `/uploads/${file.filename}`,
    });
  } catch (error) {
    res.status(500).send(error.message);
  }
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

Python Flask

在 Flask 中，你可以使用 flask-uploads 或标准的 request 对象来处理文件上传。

from flask import Flask, request, jsonify
import os

app = Flask(__name__)
UPLOAD_FOLDER = 'uploads'
os.makedirs(UPLOAD_FOLDER, exist_ok=True)

@app.route('/upload', methods=['POST'])
def upload_file():
    if 'file' not in request.files:
        return jsonify({'error': 'No file part'}), 400
    file = request.files['file']
    if file.filename == '':
        return jsonify({'error': 'No selected file'}), 400
    file.save(os.path.join(UPLOAD_FOLDER, file.filename))
    return jsonify({
        'fileName': file.filename,
        'path': f'/uploads/{file.filename}'
    }), 200

if __name__ == '__main__':
    app.run(port=3000)

Java Spring Boot

在 Spring Boot 中，你可以使用 @RestController 和 @PostMapping 来处理文件上传。

import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

import java.io.File;
import java.io.IOException;

@RestController
public class FileUploadController {

    @PostMapping("/upload")
    public ResponseEntity<String> handleFileUpload(@RequestParam("file") MultipartFile file) {
        if (file.isEmpty()) {
            return ResponseEntity.badRequest().body("No file uploaded.");
        }
        try {
            file.transferTo(new File("uploads/" + file.getOriginalFilename()));
            return ResponseEntity.ok("File uploaded successfully: " + file.getOriginalFilename());
        } catch (IOException e) {
            return ResponseEntity.status(500).body(e.getMessage());
        }
    }
}

请根据你的后端技术栈选择相应的代码示例，并确保在 uni-app 客户端正确配置上传请求的 URL 和参数。