загрузка изображения antd Должна преобразовать компонент на основе классов в реагирующие крючки и не может увеличить ширину и высоту изображения

#javascript #jquery #reactjs #react-redux #antd

#javascript #jquery #reactjs #реагировать-redux #антд

Вопрос:

Я столкнулся с этой проблемой. Я прикрепил ссылку code and error и CodeSandbox.

Пытался исправить проблему различными методами и способами, но это не исправимо. Я не могу понять, почему он выдает ошибку, я не понимаю точной проблемы в коде. Кто-нибудь может помочь с решением?

https://codesandbox.io/s/infallible-darkness-g1ge3

Ответ №1:

Я думаю, у меня это получилось: https://codesandbox.io/s/hungry-forest-dur6r

там было много мелких ошибок, возможно, вы захотите сравнить их с вашим исходным кодом, чтобы разобраться в этом самостоятельно 🙂

1. получение ошибки загрузки после загрузки изображения

2. на моем компьютере он работает нормально, изображения загружаются, и я вижу предварительный просмотр в виде маленьких квадратиков.. если вы опубликуете сообщение об ошибке, я смогу оказать вам дополнительную помощь

3. @berin В этом коде я могу загружать более 4 изображений даже после установки свойства length нужно ли нам использовать useReducer {FileList.length > = 4? null: uploadButton} codesandbox.io/s/wispy-star-u4i1n

Ответ №2:

@берин

Можете ли вы помочь попробовать этот метод, используя этот метод: https://github.com/JakeHartnell/react-images-upload

Необходимо следовать этому шаблону

URL-адрес изображения в нулевом индексе этого массива является основным изображением.

Для сортировки изображений используйте библиотеку перетаскивания React lib (ваш выбор в React lib)

Что касается пользовательского интерфейса, кнопка «добавить изображение» должна отображаться, если изображений меньше четырех.

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