https://github.com/bedus-creation/aammuiuploader
Vue Js fileuploader plugin to upload multiple files specially made for laravel.
https://github.com/bedus-creation/aammuiuploader
fileuploader laravel multiple plugi vue
Last synced: 12 months ago
JSON representation
Vue Js fileuploader plugin to upload multiple files specially made for laravel.
- Host: GitHub
- URL: https://github.com/bedus-creation/aammuiuploader
- Owner: bedus-creation
- Created: 2019-07-25T17:45:37.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-11-01T17:18:52.000Z (over 6 years ago)
- Last Synced: 2025-03-17T11:50:28.296Z (about 1 year ago)
- Topics: fileuploader, laravel, multiple, plugi, vue
- Language: Vue
- Homepage:
- Size: 107 KB
- Stars: 6
- Watchers: 0
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# aammui fileuploader
It's a vue js fileuploader plugin to handle multiple file upload specially made for laravel.
# Installation
```
npm install aammui-uploader@0.2.0 --save
```
# Uses
```
import { FileUploader } from "aammui-uploader";
export default {
components: { FileUploader }
};
```
# Server file listing
We assume that same url but (Get and Post) url is used to fetch and post images to server.
For example: In above example the url http://localhost/medias return the data in following format
```
{
data: [
{
id: 188, // Media or Image Id that can be used to attach the media to other model.
url: "http://localhost:8000/storage/upload/600-xQGysl5i1zsjwXt0I10UdODtdyziLIkT5FuDYElk.jpeg"
}
]
}
```
# local File listing
Fileuploader will hit to same url by post methods and your backend should return the data in the
following format.
```
{
"id":189, // Media or Image Id that can be used to attach the media to other model.
"url":"http:\/\/localhost:8000\/storage\/upload\/600-7Gz0FLKEbBA4ndStn97Na24xSg6kODkryp2Euvuw.jpeg"
}
```
# Displaying back image to placeholder
Suppose you want use this uploader to upload profile picture and when user upload and set picture you may want to display back that picture to cetain placeholder. To do so you can pass `imgholder` props.
```
```