FileUpload upload file Nuxt updates

pull/4683/head
Tuğçe Küçükoğlu 2023-10-23 17:23:28 +03:00
parent be0e3cbd20
commit 3c4f5d1ed8
5 changed files with 10 additions and 4 deletions

View File

@ -3,7 +3,7 @@
<p>FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.</p> <p>FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<FileUpload name="demo[]" url="./upload.php" @upload="onAdvancedUpload($event)" :multiple="true" accept="image/*" :maxFileSize="1000000"> <FileUpload name="demo[]" url="/api/upload" @upload="onAdvancedUpload($event)" :multiple="true" accept="image/*" :maxFileSize="1000000">
<template #empty> <template #empty>
<p>Drag and drop files to here to upload.</p> <p>Drag and drop files to here to upload.</p>
</template> </template>

View File

@ -3,7 +3,7 @@
<p>When <i>auto</i> property is enabled, a file gets uploaded instantly after selection.</p> <p>When <i>auto</i> property is enabled, a file gets uploaded instantly after selection.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<FileUpload mode="basic" name="demo[]" url="./upload.php" accept="image/*" :maxFileSize="1000000" @upload="onUpload" :auto="true" chooseLabel="Browse" /> <FileUpload mode="basic" name="demo[]" url="/api/upload" accept="image/*" :maxFileSize="1000000" @upload="onUpload" :auto="true" chooseLabel="Browse" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>

View File

@ -3,7 +3,7 @@
<p>FileUpload basic <i>mode</i> provides a simpler UI as an alternative to default advanced mode.</p> <p>FileUpload basic <i>mode</i> provides a simpler UI as an alternative to default advanced mode.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<FileUpload mode="basic" name="demo[]" url="./upload.php" accept="image/*" :maxFileSize="1000000" @upload="onUpload" /> <FileUpload mode="basic" name="demo[]" url="/api/upload" accept="image/*" :maxFileSize="1000000" @upload="onUpload" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>

View File

@ -1 +0,0 @@
<?php echo '<p>Fake Upload Process</p>'; ?>

7
server/api/upload.js Normal file
View File

@ -0,0 +1,7 @@
export default defineEventHandler((event) => {
return {
headers: { 'Access-Control-Allow-Origin': '*' },
statusCode: 200,
statusMessage: 'Fake Upload Process'
};
});