ересь

ну как хочешь

просто я с такой херней в реакте столкнулся

Добрый день. Есть компонент confirm-dialog - обёртка над md-dialog. Как сделать так чтоб я мог в любом месте вызывать его метод confirm не размещая везде его тэг и не доступаясь к нему через $refs. Я подозреваю что мне нужен плагин, но из документации не понимаю как компонент запихнуть в плагин

ну и при чем тут это вообще

а сори я твой вопрос не правильно понял :))

ты хочешь отправлять файл загруженный на сервер?

для этого тебе его надо вычитать через FileReader

у объекта FileReader есть метод readAsDataUrl

const filename = ev.target.files[0].name const reader = new FileReader() ... reader.readAsDataURL(ev.target.files[0])

примерно так делаешь

а в колбеке reader.onload = (e) => { ... }

ждешь пока объект вычитает контент загруженный

после чего считанный результат можно превратить функцией atob в массив байтов

который уже можно отправлять на сервер

https://github.com/iGontarev/test-readymag/blob/master/src/services/file.js

Как раз делал, пример есть

ну примерно так да

господа, а никто не подскажет, как сверстать такую менюшку на vuetify

Разве, я в консоль выводил, там base64

а то что-то порыскал, и не нашел подходящего компонента

это в объекте файла а не ридера

Разве, я в консоль выводил, там base64

да точно, это я у себя тут сплитанул его просто сразу

спс за примеры. попробую еще раз. это ж пиздец, а чего так сложно сделано?

Изи же

Это же ваниль

ну какой изи? если примеры в интернете как у меня и нихуя не улетает на сервер

здесь ничего как у вас нету https://academind.com/learn/vue-js/snippets/image-upload/

тут нету той лапши что вы предлагаете

FormData отправляешь?

А ты код вообще кидал?

export default { data () { return { image: null } }, methods: { upload () { axios.post('upload', this.image) .then(res => { console.log(res.data) }) .catch(err => { console.log(err) }) }, handleImage (event) { this.image = event.target.files[0] } } }

<form @submit.prevent="upload" enctype="multipart/form-data"> <input type="file" name="photo" @change="handleImage"> <button type="submit">send</button> </form>

Даже в твоём примере formdata

omg пошел читать про FormData()

так вот у меня была проблема, что когда я считывал контент через FileReader то через этот же инпут другой файл уже выбрать нельзя :))

а нах он мне нужен? У меня же стоит в атрибутах

https://developer.mozilla.org/en-US/docs/Web/API/FormData

It uses the same format a form would use if the encoding type were set to "multipart/form-data".

и как раз в этом случае спасает свойство :key

т.е. мне не нужен этот конструктор

блиа, да я не выбираю никакие другие файлы, что ты мне пишешь я не пойму?

я что пишу про загрузку нескольких файлов? или по очереди несколько? я один ебанный файл не могу отправить.

чтобы ты через полчаса не написал, что один файл выбрал, а больше не могу :)))

давайте без мозгоебни

не можешь не пиши ничего нахуй

ощущение что делалось пидорами для пидоров

браузеры пишут пидоры, факт

особенно сафари

ну и все те ребята из w3c

если у меня на бекенде multer,то мне надо отправлять как base или как formData?

у тебя планируемый максимальный размер файлов то какой будет?

да пофиг, ну пусть 15 мб

картинки

а ну то есть не гигабайты

нет

я просто пробовал formData и мне multer кидает ошибку. а если base то ничего не улетает вообще с клиента

------WebKitFormBoundaryjOWaMybiy39MZZje Content-Disposition: form-data; name="photo"; filename="5aae31d503f5d070cae07060e4bfe12a.jpg" Content-Type: image/jpeg —----WebKitFormBoundaryjOWaMybiy39MZZje--

message : "Unexpected field"

это похоже клиент кидает а не мультер!

че это?

отправлял так

const formData = new FormData() formData.append('photo', this.image, this.image.name) axios.post('upload', formData)

в this.image у тебя результат FileReader-а?

выше код. нету никакго у меня FileReader

а что за объект this.image ? что в нем?

this.image = event.target.files[0]

это имя файла :)

а не

Ну похоже на правду

это во всех туториалах в интернете что я нашел. ВО ВСЕХ. почему у людей работает, а у вас это неть

но сам файл то надо вычитать в объект из event.target.files[0]

Проверь бэк, он же кидает ошибку

нет не бек

как сделать что бы webpack развернул :src="@/assets + dataImg" в правильный урл, а не в src="@/assets/some.png"

WebKitFormBoundary это что бек кидает?

если у вас получится таки аплоаднуть картинку на бакенд без FileReader расскажите потом как сделали :)))

Это браузер добавляет

если у вас получится таки аплоаднуть картинку на бакенд без FileReader расскажите потом как сделали :)))

Он не нужен

ну ок, покажите рабочий код, будет интересно посмотреть

ок, а что это может быть на беке? мультер?

как сделаю покажу без проблем

если у вас получится таки аплоаднуть картинку на бакенд без FileReader расскажите потом как сделали :)))

Я закидывал

Я с телефона

FileReader не нужен

пару наводок, Кирилл?

что делать блеат

что делать блеат

читать доку?

понятно, нахуй

ну просто обычно прежде чем отправить картинку на сервер, делают превью с ней в вебе

обрезание всякое там если надо

ебать. то несколько картинок, то превью. чувак, пиздец ты все усложняешь