【UEditor富文本框】支持图片上传到文件服务器

最新推荐文章于 2024-08-06 17:23:46 发布

原创

最新推荐文章于 2024-08-06 17:23:46 发布 · 743 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #前端 #javascript

本文介绍了一个用于上传图片到服务器的功能实现方法，包括图片格式验证、大小限制及尺寸调整等内容。该功能通过使用 FormData 对象来封装图片文件，并通过 API 接口完成上传。此外，还实现了根据指定宽度调整图片尺寸的功能。

上传图片到服务器

import API from "@utils/api";
import {
   
    MAX_SIZE } from '@utils/sheet/constant'
import {
   
    message } from "antd";

export const requestUploadImg = (blob: any, width: number, pageHeight: number) => {
   
   

  let imgWidth: number;
  if (width) {
   
   
    imgWidth