摘要：展示標(biāo)簽展示屬性發(fā)送請(qǐng)求使用字節(jié)流將視頻綁定到響應(yīng)并返回。二展示請(qǐng)求注意要加才會(huì)有播放按鈕顯示，其他屬性不一一介紹使用字節(jié)流將視頻綁定到響應(yīng)并返回文件路徑名稱文件的后綴等響應(yīng)返回成功后標(biāo)簽就顯示了視頻，效果如下我做的手機(jī)端的，所以比較小

上傳：
表單提交視頻-->后臺(tái)使用字節(jié)流保存到本地。
展示：

這條思路適用于所有文件（包括圖片，音頻，視頻，壓縮包），下面只是視頻的實(shí)例。

1.form表單提交視頻

    
    


注意使用 type="file" MULTIPLE 屬性
    
使用 enctype="multipart/form-data"

2.controller接收

@RequestMapping("/addMovie")
public  String addMovie(MultipartFile movie){
   ..................;
}

3.使用字節(jié)流保存到本地

/**
 *
 * @param file
 * @param path  保存的路徑
 * @param fileName  保存的文件名
 */
  public static void saveFile(MultipartFile file, String path, String fileName) {
  
    InputStream inputStream = null;
    OutputStream outputStream = null;
    try {
        inputStream = file.getInputStream();
    } catch (IOException e) {
        e.printStackTrace();
    }
    try {
        byte[] bs = new byte[1024];        // 讀取到的數(shù)據(jù)長(zhǎng)度
        int len;                           // 輸出的文件流保存到本地文件
        File tempFile = new File(path);    // 保存到臨時(shí)文件 1K的數(shù)據(jù)緩沖
        if (!tempFile.exists()) {
            tempFile.mkdirs();
        }
        outputStream = new FileOutputStream(tempFile.getPath() + File.separator + fileName);

        while ((len = inputStream.read(bs)) != -1) {    // 開(kāi)始讀取
            outputStream.write(bs, 0, len);
        }

    } catch (Exception e) {
        e.printStackTrace();
    } finally {                 // 完畢，關(guān)閉所有鏈接
        try {
            outputStream.close();
            inputStream.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

以上步驟視頻就通過(guò)程序保存到電腦的指定位置了，一般我會(huì)新建一個(gè)視頻類(lèi)，先用uuid給視頻重命名，視頻類(lèi)的路徑是視頻的名字，取的時(shí)候使用視頻的名字去請(qǐng)求。

1.video請(qǐng)求

    
    
注意：video要加controls="controls"才會(huì)有播放按鈕顯示，其他屬性不一一介紹

2.使用字節(jié)流將視頻綁定到響應(yīng)并返回

@Controller
@RequestMapping("/file")
public class FileController {
/**
 *
 * @param response
 * @param filePath 文件路徑+名稱
 * @param suffix 文件的后綴
 * @return
 */
@RequestMapping("/{filePath}/{suffix}")
public String getFile(HttpServletResponse response, @PathVariable String filePath, @PathVariable String suffix) {
    FileInputStream fis = null;
    ServletOutputStream outputStream = null;
    int len = 0;
    try {
        File file = new File(FileUtils.getFileMainPath() + filePath + "." + suffix);
        fis = new FileInputStream(file);
        byte[] b = new byte[1024 * 2];
        outputStream = response.getOutputStream();
        while ((len = fis.read(b)) != -1) {
            outputStream.write(b, 0, len);
        }
        outputStream.flush();
    } catch (FileNotFoundException e) {
        e.printStackTrace();
    } catch (IOException e) {
        e.printStackTrace();
    } finally {
        try {
            if (fis != null)
                fis.close();
            if (outputStream != null)
                outputStream.close();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            fis = null;
            outputStream = null;
        }
    }
    return null;
}

}
等響應(yīng)返回成功后video標(biāo)簽就顯示了視頻，

效果如下（我做的手機(jī)端的，所以比較小）