terryz / v-uploader

A Vue2 plugin make files upload simple and easier, single file upload with image preview, multiple upload with drag and drop

Hi there 👋

Github stats

Streak stats

Vue 3 Components

Documentation for the Vue 3 plugin series: docs-vue3

Name	Version
v-dropdown
v-region
v-selectpage
v-page

Vue 2 Components

Documentation for the Vue 2 plugin series: docs-vue

Name	Version
v-dropdown
v-region
v-selectpage
v-selectmenu
v-page
v-suggest
v-dialogs
v-tablegrid
v-uploader
v-gallery
v-playback

jQuery Plugins

SelectPage • SelectMenu • bDialog • bPage • bTabs

v-uploader's Issues

How do i limit the number of upload files in multiple mode?

Thank you for this beautiful component, it works !
I am stuck with a situation where i want to limit my user to be able to upload only 5 images.
How do i do that? @TerryZ
TIA

upload is not working

how i can resive the data from response controller

this is my code :
<v-uploader @done="uploadDone" :preview-width="400" upload-file-url="api/images" delete-file-urll="api/images" language='en' :preview-height="300" preview-img="/img/avatar.png"> </v-uploader>
<script> export default { methods: { uploadDone(files){ if(files && Array.isArray(files) && files.length){ console.log(files); } }, } } </script>

code in My Controller :

the response ;

the Console :

i want to get responseText and Pass it to preview-img put i can't please help me Thanks

Adding custom headers

Please can someone drop a hint on how to add custom headers to the file upload request. I've tried to find a hack, but it's not so easy here.

Is it possible to have a drag and drop single image with preview?

Localization

Hey. Is there a way to make a different localization for ui?

需要 Bearer Token的话该怎么办？

不好意思，我是初学者。 如果我的api是需要 bearer token的话 我该怎么放进去这个v-uploader呢？

Add binding to property

as v-model?

how to place Thumbnail using javascript URL.createObjectURL(file);

hey there,
i'm using this amazing component but i want to place URL.createObjectURL(file); to show fakePath in thumbnail currently its looking for a path from server side but i want to use it in form with couple of fields and want to process it manually that's why i disabled default fine-uploader autoUpload functionlity but unable to override thumbnail placement functionality immediate response will be highly apreciated Thanks 👍

多文件上传如何清空之前上传的文件

多文件上传如何清空之前上传的文件

[Fine Uploader 5.16.2] Error when attempting to parse xhr response text (Unexpected token < in JSON at position 0)

Maybe someone can help me solve this error?

my configuration:

const uploaderConfig = {
	language: "en",
	itemLimit: 1,
	uploadFileUrl: 'http://localhost:8080/upload/',
	deleteFileUrl: 'http://localhost:8080/upload/',
	showMessage: (vue, message) => {
		console.log("???", vue, message);
		
		vue.$dlg.alert(message, {messageType: 'error'});
	}
}

            ....
            <v-uploader
              :multiple="true"
              buttonText="zmień avatar"
              @done="uploadDone"
            ></v-uploader>
            ....

               methods: {
                  uploadDone(files) {
                        if (files && Array.isArray(files) && files.length) {
                            console.log("????????//",files);
                         }
                    }
               },

如何把上传按钮隐藏

如何把上传按钮隐藏，点击预览区域就可以触发选择文件事件？

How to Pass CSRF token for Laravel Upload Ajax request?

Getting 419 error. How to Pass CSRF token for Laravel Upload Ajax request?

v-uploader 的文件删除接口

请问，这个组件删除文件的接口在哪儿？ 文档里面没有给出？