alijahanpak / handy-uploader Goto Github PK

Hey, cool library but it's not useable because the sub components can not be found.

I'm using nuxt but I don't think thats the problem

Error

Please can you provide a code example to upload files to server

I am getting the following error: [Vue warn]: Avoid using non-primitive value as key, use string/number value instead.

I think the error is coming from the line: v-for="attachment in tempAttachmentChanged" :key="attachment"

You are using the attachment object as a key. The key needs to be a string/number. Using attachment.name as the key will probably fix this

After setting rtlSupport to true

The outputs seem like this:

And the css of each th column contains "text-left" class wich sets "text-align: left !important"

I get images from api that I build through laravel, my api returns the object equal to the object created by handyUploader, as an example below:

The images load, but when deleting, instead of deleting one image, delete all, can someone help me?

After website reload when image exists and I am trying to delete an image, I always get an error. But on new image upload and delete everything works fine. Any ideas?

Error:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "documentAttachment"

Code File1:

<FormMedia v-model="form.image" />

Code File2:

<template>
  <v-card>
    <v-card-title v-text="title" />

    <v-card-text>
      <v-alert v-if="infoMessage" type="info" v-text="infoMessage" />

      <handy-uploader
        :document-attachment.sync="handyAttachments"
        :file-uploader-type="'simple'"
        :max-file-size="10240"
        :image-compressor="true"
        :image-compress-level="0.8"
        :max-file-count="1"
        :badge-counter="true"
        :thumb="true"
        :change-file-name="true"
        :add-file-description="true"
        :cols="12"
      />
    </v-card-text>
  </v-card>
</template>

<script>
import handyUploader from 'handy-uploader/src/components/handyUploader'

export default {
  components: {
    handyUploader,
  },
  props: {
    value: {
      type: Array,
      default: () => [],
    },
    title: {
      type: String,
      default: 'Image',
    },
    infoMessage: {
      type: String,
      default: '',
    },
  },
  computed: {
    handyAttachments: {
      get() {
        return this.value
      },
      set(value) {
        this.$emit('input', value)
      },
    },
  },
}
</script>

Hi,

Is there a possibility to add arbitrary custom fields to each image like, say, title, description, tags or other? Without such feature, image uploader is of little use for anything but very simple projects.