mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-18 16:22:14 +00:00
Fixed issue where Dragged & Dropped folder from desktop didn't start uploading
This commit is contained in:
@@ -56,6 +56,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getFilesFromDataTransferItems } from 'datatransfer-files-promise'
|
||||
import FileSortingMobile from '../components/Menus/FileSortingMobile'
|
||||
import SidebarNavigation from '../components/Sidebar/SidebarNavigation'
|
||||
import FileFilterMobile from '../components/Menus/FileFilterMobile'
|
||||
@@ -118,8 +119,14 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
uploadDroppedItems(event) {
|
||||
this.$uploadDraggedFiles(event, this.currentFolder?.data.id)
|
||||
async uploadDroppedItems(event) {
|
||||
// Check if user dropped folder with files
|
||||
let files = await getFilesFromDataTransferItems(event.dataTransfer.items)
|
||||
|
||||
if (files.length !== 0) {
|
||||
// Upload folder with files
|
||||
this.$uploadDraggedFolderOrFile(files, this.currentFolder?.data.id)
|
||||
}
|
||||
},
|
||||
contextMenu(event, item) {
|
||||
events.$emit('context-menu:show', event, item)
|
||||
|
||||
@@ -64,6 +64,7 @@ import { mapGetters } from 'vuex'
|
||||
import { events } from '../bus'
|
||||
import DesktopSharepageToolbar from '../components/Layout/Toolbars/DesktopSharepageToolbar'
|
||||
import RemoteUploadPopup from "../components/RemoteUpload/RemoteUploadPopup";
|
||||
import {getFilesFromDataTransferItems} from "datatransfer-files-promise";
|
||||
|
||||
export default {
|
||||
name: 'Shared',
|
||||
@@ -95,8 +96,14 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
uploadDroppedItems(event) {
|
||||
this.$uploadDraggedFiles(event, this.currentFolder?.data.id)
|
||||
async uploadDroppedItems(event) {
|
||||
// Check if user dropped folder with files
|
||||
let files = await getFilesFromDataTransferItems(event.dataTransfer.items)
|
||||
|
||||
if (files.length !== 0) {
|
||||
// Upload folder with files
|
||||
this.$uploadDraggedFolderOrFile(files, this.currentFolder?.data.id)
|
||||
}
|
||||
},
|
||||
contextMenu(event, item) {
|
||||
events.$emit('context-menu:show', event, item)
|
||||
|
||||
@@ -56,6 +56,7 @@ import DragUI from '../components/UI/Others/DragUI'
|
||||
import { mapGetters } from 'vuex'
|
||||
import { events } from '../bus'
|
||||
import RemoteUploadPopup from "../components/RemoteUpload/RemoteUploadPopup";
|
||||
import {getFilesFromDataTransferItems} from "datatransfer-files-promise";
|
||||
|
||||
export default {
|
||||
name: 'UploadRequest',
|
||||
@@ -87,8 +88,14 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
uploadDroppedItems(event) {
|
||||
this.$uploadDraggedFiles(event, this.currentFolder?.data.id)
|
||||
async uploadDroppedItems(event) {
|
||||
// Check if user dropped folder with files
|
||||
let files = await getFilesFromDataTransferItems(event.dataTransfer.items)
|
||||
|
||||
if (files.length !== 0) {
|
||||
// Upload folder with files
|
||||
this.$uploadDraggedFolderOrFile(files, this.currentFolder?.data.id)
|
||||
}
|
||||
},
|
||||
contextMenu(event, item) {
|
||||
events.$emit('context-menu:show', event, item)
|
||||
|
||||
Reference in New Issue
Block a user