github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #713 from directus/file-replace

Browse Source 
add ability to replace file
This commit is contained in:
Rijk van Zanten
2020-10-22 19:53:29 +02:00
committed by GitHub
parent 099d6eb8f3 6860daa7bd
commit ff9f8a9914
14 changed files with 166 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
app/src/components/v-upload/v-upload.vue
View File

@@ -88,6 +88,7 @@
<script lang="ts">
import { defineComponent, ref, computed, watch } from '@vue/composition-api';
import uploadFiles from '@/utils/upload-files';
import uploadFile from '@/utils/upload-file';
import DrawerCollection from '@/views/private/components/drawer-collection';
import api from '@/api';
import useItem from '@/composables/use-item';
@@ -103,6 +104,10 @@ export default defineComponent({
type: Object,
default: () => ({}),
},
fileId: {
type: String,
default: null,
},
fromUrl: {
type: Boolean,
default: false,
@@ -155,16 +160,29 @@ export default defineComponent({
try {
numberOfFiles.value = files.length;
const uploadedFiles = await uploadFiles(Array.from(files), {
onProgressChange: (percentage) => {
progress.value = Math.round(percentage.reduce((acc, cur) => (acc += cur)) / files.length);
done.value = percentage.filter((p) => p === 100).length;
},
preset: props.preset,
});
if (props.multiple === true) {
const uploadedFiles = await uploadFiles(Array.from(files), {
onProgressChange: (percentage) => {
progress.value = Math.round(
percentage.reduce((acc, cur) => (acc += cur)) / files.length
);
done.value = percentage.filter((p) => p === 100).length;
},
preset: props.preset,
});
if (uploadedFiles) {
emit('input', props.multiple ? uploadedFiles : uploadedFiles[0]);
uploadedFiles && emit('input', uploadedFiles);
} else {
const uploadedFile = await uploadFile(Array.from(files)[0], {
onProgressChange: (percentage) => {
progress.value = percentage;
done.value = percentage === 100 ? 1 : 0;
},
fileId: props.fileId,
preset: props.preset,
});
uploadedFile && emit('input', uploadedFile);
}
} catch (err) {
console.error(err);