基础文件上传核心开发

src/main/file.js

@@ -2,18 +2,22 @@ const fs = require('fs')
 const path = require('path')
 import { ElectronDownloadManager } from 'electron-dl-manager'
 import { dialog } from 'electron'
+import axios from 'axios'
+const uploadUrl = import.meta.env.VITE_APP_BASE_API + '/smarttalk/file/upload'
+console.log(uploadUrl)
 const manager = new ElectronDownloadManager()
 export default async function ({ app, shell, BrowserWindow, ipcMain }) {
   const userDataPath = app.getPath('userData')
   const appRootFilePath = userDataPath + '\\selfFile\\'
+  const appTempFilePath = userDataPath + '\\tempFile\\'
   ipcMain.on('is-have-local-file', (e, fileNewName) => {
     let filePath = appRootFilePath + fileNewName
     fs.access(filePath, fs.constants.F_OK, (err) => {
       if (err) {
-        e.reply('is-have-local-file-reply'+fileNewName, false)
+        e.reply('is-have-local-file-reply' + fileNewName, false)
         return
       }
-      e.reply('is-have-local-file-reply'+fileNewName, true)
+      e.reply('is-have-local-file-reply' + fileNewName, true)
     })
   })
   //默认浏览器打开url
@@ -35,6 +39,69 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     })
   })
 
+  //复制文件
+  ipcMain.on('export-file-default', (e, list) => {
+    exportFile(list, (res) => {
+      e.reply('export-file-default-reply', res)
+    })
+  })
+
+  ipcMain.on('creat-file-default', (e, { name, uploadData, cookie }) => {
+    createFolder('tempFile').then(() => {
+      let path = appTempFilePath + name
+      fs.writeFileSync(path, '', 'utf-8')
+      // 读取文件
+      fs.readFile(path, (err, data) => {
+        if (err) {
+          return console.error(err)
+        }
+        console.log(cookie)
+        // 配置上传的请求
+        // const uploadUrl = 'http://192.168.2.52:7863/smarttalk/file/upload' // 你的上传服务URL
+        const config = {
+          headers: {
+            'Content-Type': 'application/octet-stream', // 或者其他适合上传文件的Content-Type
+            Authorization: 'Bearer ' + cookie
+          }
+        }
+
+        // 使用axios上传文件
+        axios
+          .post(uploadUrl, { ...uploadData, data }, config)
+          .then((response) => {
+            console.log('File uploaded successfully:', response.data)
+          })
+          .catch((error) => {
+            console.error('Error uploading file:', error)
+          })
+      })
+      /*fs.readFile(path, (err, data) => {
+        if (err) {
+          return console.error(err)
+        }
+        let file = new File([data], '111.pptx', {
+          type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
+        })
+        const headers = {
+          'Content-Type': 'multipart/form-data',
+          Authorization: 'Bearer ' + cookie
+        }
+        axios
+          .post(
+            import.meta.env.VITE_APP_BASE_API + '/smarttalk/file/upload',
+            {
+              file
+            },
+            { headers }
+          )
+          .then((res) => {
+            console.log(res)
+          })
+        // e.reply('creat-file-default-reply', res)
+      })*/
+    })
+  })
+
   //获取应用文件目录
   ipcMain.on('get-root-file-path', (e) => {
     e.reply('get-root-file-path-reply', appRootFilePath)
@@ -53,23 +120,22 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
           onDownloadStarted: async ({ id, item, webContents }) => {
             // Do something with the download id
           },
-          onDownloadProgress: async ({ id, item, percentCompleted }) => {
+          onDownloadProgress: async ({ id, item, percentCompleted }) => {},
-          },
           onDownloadCompleted: async ({ id, item }) => {
             console.log('完成')
-            e.reply('download-file-default'+fileName,true)
+            e.reply('download-file-default' + fileName, true)
           },
           onDownloadCancelled: async () => {
             console.log('取消')
-            e.reply('download-file-default'+fileName,false)
+            e.reply('download-file-default' + fileName, false)
           },
           onDownloadInterrupted: async () => {
             console.log('中断')
-            e.reply('download-file-default'+fileName,false)
+            e.reply('download-file-default' + fileName, false)
           },
           onError: (err, data) => {
             console.log(err.toString())
-            e.reply('download-file-default'+fileName,false)
+            e.reply('download-file-default' + fileName, false)
           }
         }
       })
@@ -124,6 +190,71 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     })
   })
 
+  function exportFile(list, callback) {
+    let win = BrowserWindow.getFocusedWindow()
+    //通过扩展名识别文件类型
+    let filePath = null //用户选择存放文件的路径
+    //1-  弹出另存为弹框，用于获取保存路径
+    dialog
+      .showOpenDialog(win, {
+        properties: ['openDirectory']
+      })
+      .then(async (result) => {
+        if (result.filePaths[0]) {
+          filePath = result.filePaths[0]
+          let res = []
+          for (let i = 0; i < list.length; i++) {
+            let item = list[i]
+            let source = appRootFilePath + item.id
+            let destination = filePath + '/' + item.name
+            await copyRelFile(source, filterCopyFile(destination), (error, path) => {
+              res.push({ error, path })
+            })
+          }
+          callback(res)
+        }
+      })
+      .catch(() => {
+        console.log('另存为--catch')
+      })
+  }
+
+  function isHaveFile(path) {
+    return fs.existsSync(path)
+  }
+
+  function filterCopyFile(path, index = 0) {
+    if (isHaveFile(path) === true) {
+      index++
+      path = path.replaceAll('.', `(${index}).`)
+      return filterCopyFile(path, index)
+    } else {
+      return path
+    }
+  }
+
+  function copyRelFile(source, destination, callback) {
+    return new Promise((resolve, reject) => {
+      const readStream = fs.createReadStream(source)
+      const writeStream = fs.createWriteStream(destination)
+
+      readStream.on('error', (error) => {
+        reject()
+        callback(error, null)
+      })
+      writeStream.on('error', (error) => {
+        reject()
+        callback(error, null)
+      })
+      writeStream.on('close', () => {
+        console.log('关闭写入流')
+        callback(null, destination)
+        resolve()
+      })
+      readStream.pipe(writeStream)
+    })
+  }
+
   function copyFile(source, destination, callback) {
     let path = appRootFilePath + destination
     createFolder('selfFile').then(() => {

src/renderer/src/utils/talkFile/index.js

@@ -1,10 +1,10 @@
 const { ipcRenderer } = window.electron || {}
 
-export const isHaveLocalFile = async (fileNewName)=>{
+export const isHaveLocalFile = async (fileNewName) => {
-  return new Promise((resolve, reject)=>{
+  return new Promise((resolve, reject) => {
-    ipcRenderer.send('is-have-local-file', fileNewName);
+    ipcRenderer.send('is-have-local-file', fileNewName)
-    ipcRenderer.once('is-have-local-file-reply'+fileNewName,(e, isHave)=>{
+    ipcRenderer.once('is-have-local-file-reply' + fileNewName, (e, isHave) => {
-      resolve(isHave);
+      resolve(isHave)
     })
   })
 }
@@ -18,3 +18,24 @@ export const parseCataByNode = (node) => {
     return [node.id]
   }
 }
+
+export const exportFile = async (list) => {
+  return new Promise((resolve, reject) => {
+    ipcRenderer.send('export-file-default', list)
+    ipcRenderer.once('export-file-default-reply', (e, res) => {
+      resolve(res)
+    })
+  })
+}
+
+export const creatPPT = (name, uploadData) => {
+  JSON.parse(JSON.stringify(uploadData))
+  return new Promise((resolve, reject) => {
+    let cookie = localStorage.getItem('Admin-Token');
+    console.log(cookie)
+    ipcRenderer.send('creat-file-default', { name, uploadData:JSON.parse(JSON.stringify(uploadData)), cookie })
+    ipcRenderer.once('creat-file-default-reply', (e, res) => {
+      resolve(res)
+    })
+  })
+}

src/renderer/src/views/prepare/container/file-list-item.vue

@@ -4,11 +4,11 @@
       <slot name="default"></slot>
       <FileImage :size="50" :file-name="item.fileShowName" @click="openFileWin(item)" />
     </div>
-    <div class="prepare-body-main-item-info">
+    <div class="prepare-body-main-item-info" @click="openFileWin(item)">
       <div class="prepare-item-info-title" :title="item.fileShowName">
         {{ item.fileShowName }}
       </div>
-      <div class="prepare-item-info-message" @click="openFileWin(item)">
+      <div class="prepare-item-info-message">
         <div style="width: 60px">
           <el-icon
             v-loading="item.async === 'on'"

src/renderer/src/views/prepare/container/file-oper-batch.vue

@@ -7,7 +7,7 @@
         @change="handleCheckAllChange"
       /> 已选{{ choose.length }}个
     </div>
-    <el-button>导出</el-button>
+    <el-button @click="exportFile">导出</el-button>
     <el-button @click="moveFile">移动</el-button>
     <el-button @click="deleteFile">删除</el-button>&nbsp;&nbsp;|
     <el-button @click="cancel">取消</el-button>
@@ -15,7 +15,8 @@
 </template>
 <script>
 import { deleteSmarttalkBatch } from '@/api/file'
-
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { exportFile } from '@/utils/talkFile'
 export default {
   name: 'FileOperBatch',
   props: {
@@ -62,6 +63,27 @@ export default {
     },
     moveFile() {
       this.$emit('click-move')
+    },
+    exportFile() {
+      let isPass = 0
+      this.choose.filter((item) => {
+        if (item.async !== true) {
+          ElMessage({
+            type: 'info',
+            message: `请先同步${item.fileShowName}！`
+          })
+          isPass++
+        }
+      })
+      if (isPass === 0) {
+        let ids = this.choose.map((item) => {
+          return { id: item.fileNewName, name: item.fileShowName }
+        })
+        console.log(ids)
+        exportFile(ids).then((res) => {
+          console.log(res)
+        })
+      }
     }
   }
 }

src/renderer/src/views/prepare/index.vue

@@ -30,7 +30,9 @@
         </div>
         <div style="display: flex">
           <el-button @click="isDialogOpen = true">上传资料</el-button>
-          <el-button type="primary" style="margin-left: 10px">新建课件</el-button>
+          <el-button type="primary" style="margin-left: 10px" @click="createFile"
+            >新建课件</el-button
+          >
         </div>
       </div>
       <el-checkbox-group
@@ -77,8 +79,9 @@ import FileListItem from '@/views/prepare/container/file-list-item.vue'
 import { getSmarttalkPage, moveSmarttalk } from '@/api/file'
 import { toTimeText } from '@/utils/date'
 import { ElMessage } from 'element-plus'
-import { isHaveLocalFile, parseCataByNode } from '@/utils/talkFile'
+import { isHaveLocalFile, parseCataByNode, creatPPT } from '@/utils/talkFile'
 import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue'
+import fs from 'fs'
 const { ipcRenderer } = window.electron || {}
 export default {
   name: 'Prepare',
@@ -131,6 +134,11 @@ export default {
     // let filePath = window.rootTalkFilePath + item.fileNewName
   },
   methods: {
+    createFile() {
+      creatPPT('新建ppt文档.pptx',this.uploadData).then((res) => {
+        console.log(res)
+      })
+    },
     onMoveSingleFile(item) {
       this.moveFile = [item]
       this.isMoveDialogOpen = true
@@ -142,7 +150,7 @@ export default {
     clickDelete(res, ids) {
       if (res.data === true) {
         ids.filter((id) => {
-          let index = this.currentFileList.findIndex(item=>{
+          let index = this.currentFileList.findIndex((item) => {
             return item.id === id
           })
           this.currentFileList.splice(index, 1)
@@ -210,7 +218,7 @@ export default {
       moveSmarttalk(params).then((res) => {
         if (res.data === true) {
           ids.filter((id) => {
-            let index = this.currentFileList.findIndex((item)=>{
+            let index = this.currentFileList.findIndex((item) => {
               return item.id === id
             })
             this.currentFileList.splice(index, 1)