Недавно в проекте необходима функция загрузки изображений (как показано ниже)
Сначала рассмотрите возможность использования атрибута загрузки тега для загрузки:
<A href = picture src скачать = скачать плакат> Скачать постер </a>
Однако после тестирования я обнаружил, что в Safari загруженные файлы не могут быть приведены к имени расширения, поэтому я должен изменить свой разум и использовать холст для обработки.
1. Изображение нужно добавить Crossorigin = 'anonymous', чтобы установить атрибут Cross -domain изображения
img.crossorigin = 'anonymous';
2. Используйте Todataurl для преобразования изображения в формат Base64
Canvas.todataurl (Image/png)
3. Используйте событие аналога, чтобы запустить загрузку
VAR SAVE_LINK = CREATEELEMENT ('A'); ;Полный код:
var canvas = $ ('. Canvas'); Function () {var _w = img.naturalwidth; '); .src = 'http://n.sinaimg.cn/transform/20170825/nzi3- fykiu fe6650492.jpg';}Выше всего содержимое этой статьи.