plupload使用例子

1. 例子

<li><a id="uploadFile">上傳</a></li> //文書上傳和顯示 $(function () {var uploader = new plupload.Uploader({runtimes: 'html5,flash,silverlight,html4',// 指定上傳方式browse_button: 'uploadFile',unique_names: true,file_data_name: 'files',//后端取文件的名字url: getUrlPath() + "/uploadFile.do",filters: { //過濾器max_file_size: '63kb', //文件最大可上傳的文件大小mime_types: [ //用來限定上傳文件的類型{title: "Default files", extensions: "doc,docx,pdf"}],prevent_duplicates: false // 不可選取重復的文件},multipart_params: {},multi_selection: true, //是否可以在文件瀏覽對話框中選擇多個文件multiple_queues: false, //是否啟用以拖放文件到窗口init: {Init: function (up) {},BeforeUpload: function (up, files) { //當隊列中的某一個文件正要開始上傳前觸發},FilesAdded: function (up, files) { // 添加文件回調up.start();}},UploadProgress: function (up, file) { // 顯示文件上傳的狀態,會在文件上傳過程中不斷觸發},FileUploaded: function (up, file, info) { //當隊列中的某一個文件上傳完成后觸發 針對于每一個文件；這里主要返回文件上傳成功與否的狀態，var res = JSON.parse(info.response);//在這兒可以拼接html$('#files').append(html);//初始化復選框checkboxInit($('#' + ("checkFile" + res.data)));},UploadComplete: function (up, files) { //隊列中的所有文件上傳完后，觸發if (files.length === 0) {layer.alert("請選擇文件", {icon: 7});return;}layer.alert("文件上傳成功", {icon: 1}, function (index) {layer.close(index);});},Error: function (up, err, file) { // 上傳出錯的時候觸發if (err.message === 'File extension error.') {layer.msg('上傳的文件格式不支持', {time: 2000,icon: 2,shade: 0.3});} else if (err.message === 'File size error.') {layer.msg('上傳的文件過大', {time: 2000,icon: 2,shade: 0.3});} else if (err.message === 'Duplicate file error.') {layer.msg('上傳的文件重復', {time: 2000,icon: 2,shade: 0.3});} else {layer.msg('上傳的文件錯誤', {time: 2000,icon: 2,shade: 0.3});}}}});uploader.init();//初始化plupload,這句是必須的 }) /*** @param files 前端傳過來的文件* @return tdh.entity.vo.CommResultVO 通用返回類* @description 文件上傳* @author zhaohuaqing* @date 2021/7/22 14:19*/@PostMapping(value = "/uploadFile.do")@ResponseBodypublic CommResultVo uploadFile(MultipartFile files) {log.debug("前端傳回來的文件:{}", files);int xh;try {xh = ckjzService.uploadTempFile(files);} catch (IOException e) {log.error("IO異常" + e.getMessage(), e);return CommResultVo.fail("文件上傳異常");}log.debug("文件序號:{}", xh);return xh == 0 ? CommResultVo.fail("上傳失敗") : CommResultVo.success("上傳成功", xh);}

2.說明

可以自己去找plupload的文檔

總結

以上是生活随笔為你收集整理的plupload使用例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。