js修改上传文件（File）的文件名

之前文章我们已经讲述了如何将网络图片转化为本地图片，传送门：
https://blog.csdn.net/a1056244734/article/details/120261134
转好之后还需要有上传的操作，上述转换之后，File的图片名为gift文件，上传的时候遇到错误，

懵逼…

后来使用上传工具选择本地图片上传测试之后才发现，参数一模一样，除了File文件的name有扩展名，也就是file.jpg，解析网络图片时不知道图片最终的格式，就没有手动加扩展名，导致错误。

但是解析后的File文件有type字段，比如image/gif、image/png，那么我们可以更改File的name，给它手动加上扩展名。

原理知晓，代码如下：

const type = file.type.split('/')
const renameFile = new File([file], moment().format('X') + '.' + type[1], {type: file.type});

这里moment().format('X')，使用毫秒数作为File的新的文件名以去重，大家也可以改为其他的文件名。

js修改上传文件（File）的文件名相关推荐

input type='file' 上传文件时显示文件名及上传进度
https://blog.csdn.net/qq_36687640/article/details/78551217 1.input type='file' 上传文件时显示文件名及上传进度 <i ...
js获取上传文件内容
js 获取上传文件的字节数及内容 <div>上传文件 : <input type="file" name = "file" id = &quo ...
JS 判断上传文件是否为EXCEL 文件
<SCRIPT language="JavaScript"> function checkform(o){var f_content = form1.file.valu ...
js ajax上传文件功能
js ajax上传文件功能 ajax请求 php接收文件(yii框架) ajax请求 <form enctype="multipart/form-data"><i ...
nodeJs修改上传文件的大小限制
nodeJs修改上传文件的大小限制在app.js里引入这几行代码即可. 不然前端如果上传比较大的文件就会报下图的错误: 服务端也会报错:
html得到上传文件类型后缀,js获取上传文件后缀名（附js提交form表单）
js获取上传文件后缀名(附js提交form表单) 代码如下: function check_file() { var strFileName=form1.FileName.value; if (str ...
SpringBoot修改上传文件（图片等）的默认大小（1048576 bytes）的解决方案！
SpringBoot修改上传文件(图片等)的默认大小(1048576 bytes)的解决方案! 对于异常:FileSizeLimitExceededException: The field img e ...
egg.js ajax上传文件,egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名...
一.需求 egg.js 的文件上传个人觉得很一般,内置的 multipart 插件并不怎么好用. egg-multipart 也是基于 co-busboy 实现的. egg 官方给的文件上传的示例地址 ...
【PHP+JS】uploadify3.2 和 Ueditor 修改上传文件大小！！
一.写在最开始: 前提条件:服务器php.ini 已经修改了变量[ upload_max_filesize ],可以设定为8M,一般8M足够用了.(重启) 1.uploadify3.2 修改文件大小: ...

js修改上传文件（File）的文件名

js修改上传文件（File）的文件名相关推荐

最新文章

热门文章