-
-
-
-
-
-
{{if .Permission.CanWrite $.UnitTypeDatasets}}
\n';
previewTemplate += '
';
- // var fileArr = new Array();
- // jQuery(function($){
- // Dropzone.autoDiscover = true;
- // Dropzone.options.myAwesomeDropzone = false;
- // try {
- // $(".dropzone").dropzone({
- // url:"/todouploader",
- // method:"post",
- // paramName:"file",
- // autoProcessQueue:true,//自动上传
- // maxFilesize:1 * 1024 * 1024 * 1024 * 1024, // MB
- // acceptedFiles:"*/*",
- // dictInvalidFileType:"无效的文件类型",
- // addRemoveLinks:true,
- // maxFiles: 1, //指的是上传目录下的最大文件数
- // // dictRemoveFile:"移除文件",
- // dictDefaultMessage:
- // "拖动文件上传\
- // (或者点击上传) \ - // ", - // dictResponseError:"文件上传失败!", - // dictFileTooBig:"文件过大,上传失败!", - // previewTemplate: "
\n
",
- // init:function(){
- // this.on("addedfile",function(file,data) {
- // fileArr.push(file.upload.uuid);
- // //解决点击时重复发送请求
- // $(".dz-remove").each(function(index) {
- // if(!$(".dz-remove:eq(" + index + ")").attr("id")) {
- // $(".dz-remove:eq(" + index + ")").attr("id",fileArr[index]);
- // }
- // })
- // }),
-
- // this.on("success",function(file,data){
- // //var myDropzone = this;
- // $("#" + file.upload.uuid).click(function() {
- // var fileName = $(this).parent().find(".dz-filename").text();
- // console.log(fileName )
- // })
- // });
-
- // this.on("complete",function(file) {
- // if(file.status == "canceled" || file.status == "error") {
- // var fileName = $("#" + file.upload.uuid).parent().find(".dz-filename").text();
- // // setTimeout(function() {
- // // $.ajax({
- // // type:"POST",
- // // url:"${pageContext.request.contextPath}/uploadController/delete.action",
- // // data:{"fileName":fileName},
- // // dataType:"json",
- // // success:function(data){
- // // if(data == "success") {
- // // // alert("删除成功");
- // // }
- // // },
- // // error:function(ajax) {
- // // alert(ajax.status);
- // // }
- // // })
- // // },2000);
- // }
- // })
-
- // }
- // });
- // } catch(e) {
- // alert('Dropzone.js does not support older browsers!');
- // }
- // });
-
-
-
const $dropzone = $('div#dataset');
console.log('createDropzone');
+
const dropzoneUploader = await createDropzone($dropzone[0], {
url: '/todouploader',
maxFiles: this.maxFiles,
@@ -157,14 +82,31 @@ export default {
dictInvalidFileType: this.dropzoneParams.data('invalid-input-type'),
dictFileTooBig: this.dropzoneParams.data('file-too-big'),
dictRemoveFile: this.dropzoneParams.data('remove-file'),
- previewTemplate
+ previewTemplate,
});
+
+ // 文件发送前调用
+ dropzoneUploader.on('sending', (file, xhr, formData) => {
+ console.log(xhr)
+ console.log(formData)
+ });
+
+ // 文件复制后触发
dropzoneUploader.on('addedfile', (file) => {
- setTimeout(() => {
- // eslint-disable-next-line no-unused-expressions
- file.accepted && this.onFileAdded(file);
- }, 200);
+ console.log("file",file)
+ if(file.status == 'added'){
+ this.onFileAdded(file)
+ }
});
+
+ dropzoneUploader.on('success', (file, res) => {
+ this.emitDropzoneSuccess(file)
+ });
+
+ dropzoneUploader.on('totaluploadprogress', function(file, progress){
+ this.updateProgress(file, progress)
+ });
+
dropzoneUploader.on('maxfilesexceeded', function (file) {
if (this.files[0].status !== 'success') {
alert(this.dropzoneParams.data('waitting-uploading'));
@@ -188,107 +130,114 @@ export default {
'.dz-upload'
).style.width = `${progress}%`;
},
+ emitDropzoneSuccess(file) {
+ file.status = 'success';
+ this.dropzoneUploader.emit('success', file);
+ this.dropzoneUploader.emit('complete', file);
+ this.finishUpload(file)
+ },
+ emitDropzoneFailed(file) {
+ this.status = this.dropzoneParams.data('falied');
+ file.status = 'error';
+ this.dropzoneUploader.emit('error', file);
+ // this.dropzoneUploader.emit('complete', file);
+ },
onFileAdded(file) {
- file.datasetId = document
- .getElementById('datasetId')
- .getAttribute('datasetId');
+ // file.datasetId = document
+ // .getElementById('datasetId')
+ // .getAttribute('datasetId');
+ console.log("执行到我了")
this.resetStatus();
- // this.computeMD5(file);
- },
+ this.status = this.dropzoneParams.data('obs-connectting');
+
+ // 引入obs库
+ var ObsClient = require('esdk-obs-nodejs');
- // finishUpload(file) {
- // this.emitDropzoneSuccess(file);
- // setTimeout(() => {
- // window.location.reload();
- // }, 1000);
- // },
+ // 创建ObsClient实例
+ var obsClient = new ObsClient({
+ access_key_id: 'FDP3LRMHLB9S77VWEHE3',
+ secret_access_key: 'LyM82Wk80pgjhs2z7AdDcsdpCWhbsJtSzQ7hkESN',
+ server : 'https://112.95.163.82'
+ });
+ console.log("obsClient", obsClient)
- fileLoaded(e) {
- this.updateProgress(file, ((currentChunk / chunks) * 100).toFixed(2));
- },
-
- // async computeMD5Success(md5edFile) {
- // async function addAttachment(file) {
- // return await axios.post(
- // '/attachments/add',
- // qs.stringify({
- // uuid: file.uuid,
- // file_name: file.name,
- // size: file.size,
- // dataset_id: file.datasetId,
- // _csrf: csrf
- // })
- // );
- // }
- // },
+ // 创建桶
+ // obsClient.createBucket({
+ // Bucket : 'bucketname'
+ // }, (err, result) => {
+ // if(err){
+ // console.error('Error-->' + err);
+ // this.emitDropzoneFailed(file)
+ // }else{
+ // console.log('Status-->' + result.CommonMsg.Status);
+ // }
+ // });
-
- async newMultiUpload(file) {
- const res = await axios.get('/attachments/new_multipart', {
- params: {
- totalChunkCounts: file.totalChunkCounts,
- md5: file.uniqueIdentifier,
- size: file.size,
- fileType: file.type,
- _csrf: csrf
+ obsClient.uploadFile({
+ Bucket : 'bucketname',
+ Key : this.get_result().key,
+ // 设置待上传的本地文件，localfile为待上传的本地文件路径，需要指定到具体的文件名
+ UploadFile : file.name,
+ // 设置分段大小为10MB
+ PartSize : 10 * 1024 * 1024,
+ // 开启断点续传模式
+ EnableCheckpoint : true
+ }, (err, result) => {
+ if(err){
+ console.error('Error-->' + err);
+ this.emitDropzoneFailed(file)
+ }else{
+ console.log('RequestId-->' + result.InterfaceResult.RequestId);
+ console.log('Bucket-->' + result.InterfaceResult.Bucket);
+ console.log('Key-->' + result.InterfaceResult.Key);
+ console.log('Location-->' + result.InterfaceResult.Location);
+ this.emitDropzoneSuccess(file);
}
});
- file.uploadID = res.data.uploadID;
- file.uuid = res.data.uuid;
},
- multipartUpload(file) {
- async function updateChunk(currentChunk) {
- await axios.post(
- '/attachments/update_chunk',
- qs.stringify({
- uuid: file.uuid,
- chunkNumber: currentChunk + 1,
- etag: etags[currentChunk],
- _csrf: csrf
- })
- );
- }
-
- async function completeUpload() {
- return await axios.post(
- '/attachments/complete_multipart',
- qs.stringify({
- uuid: file.uuid,
- uploadID: file.uploadID,
- file_name: file.name,
- size: file.size,
- dataset_id: file.datasetId,
- _csrf: csrf
- })
- );
- }
-
- const successChunks = [];
- let successParts = [];
- successParts = file.chunks.split(',');
- for (let i = 0; i < successParts.length; i++) {
- successChunks[i] = successParts[i].split('-')[0];
- }
+ get_result(){
+ var res
+ $.ajax({
+ url: '/attachments/get_obs_key',
+ type: 'GET',
+ async: false,
+ success: function(result){
+ res = result
+ }
+ });
+ console.log("res=", res)
+ return res
+ },
+ finishUpload(file) {
+ $.ajax({
+ url: '/attachments/add',
+ type: 'POST',
+ data: {
+ 'uuid': get_result().uuid,
+ 'file_name': filepath.split('/')[-1],
+ 'size': file.size,
+ 'dataset_id': file.datasetId,
+ '_csrf': csrf,
+ 'type': 1
+ },
+ async: false,
+ success: function (data) {
+ console.log(data)
+ }
+ })
+ setTimeout(() => {
+ window.location.reload();
+ }, 1000);
}
+
}
};
\n ![]()
\n
\n \n \n
\n
上传成功
\n 上传失败
\n \n