280

我使用 express 3 在 node.js 中创建文件上传功能。

我想获取图像的文件扩展名。所以我可以重命名文件,然后将文件扩展名附加到它。

app.post('/upload', function(req, res, next) {
    var is = fs.createReadStream(req.files.upload.path),
        fileExt = '', // I want to get the extension of the image here
        os = fs.createWriteStream('public/images/users/' + req.session.adress + '.' + fileExt);
});

如何在 node.js 中获取图像的扩展名?

4

14 回答 14

608

我相信您可以执行以下操作来获取文件名的扩展名。

var path = require('path')

path.extname('index.html')
// returns
'.html'
于 2013-04-03T03:32:55.650 回答
37

更新

由于原始答案,extname()已添加到path模块中,请参阅 Snowfish 答案

原答案:

我正在使用这个函数来获取文件扩展名,因为我没有找到一种更简单的方法(但我认为有):

function getExtension(filename) {
    var ext = path.extname(filename||'').split('.');
    return ext[ext.length - 1];
}

您必须要求“路径”才能使用它。

另一种不使用路径模块的方法:

function getExtension(filename) {
    var i = filename.lastIndexOf('.');
    return (i < 0) ? '' : filename.substr(i);
}
于 2012-06-02T20:16:53.040 回答
23
// you can send full url here
function getExtension(filename) {
    return filename.split('.').pop();
}

如果您使用 express,请在配置中间件(bodyParser)时添加以下行

app.use(express.bodyParser({ keepExtensions: true}));
于 2013-09-06T02:26:46.660 回答
18

substr()使用该方法而不是split()&效率更高pop()

看看这里的性能差异:http: //jsperf.com/remove-first-character-from-string

// returns: 'html'
var path = require('path');
path.extname('index.html').substr(1);

在此处输入图像描述

正如@xentek 在评论中指出的那样,2019 年 8 月更新;substr()现在被认为是遗留功能(MDN 文档)。你可以substring()改用。substr()和之间的区别在于substring(), 的第二个参数substr()是要返回的最大长度,而 的第二个参数substring()是要停止的索引(不包括该字符)。此外,substr()接受负的起始位置作为从字符串末尾的偏移量,而substring()没有。

于 2014-08-28T13:00:28.937 回答
14

此解决方案支持查询字符串!

var Url = require('url');
var Path = require('path');

var url = 'http://i.imgur.com/Mvv4bx8.jpg?querystring=true';
var result = Path.extname(Url.parse(url).pathname); // '.jpg'
于 2015-07-30T17:06:22.050 回答
7

一个不需要 require 的简单解决方案,它解决了多期延长问题:

var filename = 'file.with.long.extension';
var ext = filename.substring(filename.indexOf('.')); 
//ext = '.with.long.extension'

或者,如果您不想要前导点:

var filename = 'file.with.long.extension';
var ext = filename.substring(filename.indexOf('.')+1); 
//ext = 'with.long.extension'

确保测试该文件是否也具有扩展名。

于 2015-07-17T20:32:20.090 回答
6

例如,您可以使用path.parse(path)

const path = require('path');
const { ext } = path.parse('/home/user/dir/file.txt');
于 2020-01-29T07:49:20.227 回答
4

我确实认为在请求中映射 Content-Type 标头也可以。即使您上传没有扩展名的文件,这也适用。(当文件名在请求中没有扩展名时)

假设您使用 HTTP POST 发送数据:

POST /upload2 HTTP/1.1
Host: localhost:7098
Connection: keep-alive
Content-Length: 1047799
Accept: */*
Origin: http://localhost:63342
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML,    like Gecko) Chrome/51.0.2704.106 Safari/537.36
Content-Type: multipart/form-data; boundary=----   WebKitFormBoundaryPDULZN8DYK3VppPp
Referer: http://localhost:63342/Admin/index.html? _ijt=3a6a054pasorvrljf8t8ea0j4h
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.8,az;q=0.6,tr;q=0.4
Request Payload
------WebKitFormBoundaryPDULZN8DYK3VppPp
Content-Disposition: form-data; name="image"; filename="blob"
Content-Type: image/png


------WebKitFormBoundaryPDULZN8DYK3VppPp--

这里的名称 Content-Type 标头包含数据的 mime 类型。将此 mime 类型映射到扩展名将为您提供文件扩展名:)。

Restify BodyParser 将此标头转换为具有名称类型的属性

File {
  domain: 
   Domain {
     domain: null,
     _events: { .... },
     _eventsCount: 1,
     _maxListeners: undefined,
     members: [ ... ] },
  _events: {},
  _eventsCount: 0,
  _maxListeners: undefined,
  size: 1047621,
  path: '/tmp/upload_2a4ac9ef22f7156180d369162ef08cb8',
  name: 'blob',
  **type: 'image/png'**,
  hash: null,
  lastModifiedDate: Wed Jul 20 2016 16:12:21 GMT+0300 (EEST),
  _writeStream: 
  WriteStream {
   ... },
     writable: true,
     domain: 
     Domain {
        ...
     },
      _events: {},
      _eventsCount: 0,
     _maxListeners: undefined,
     path: '/tmp/upload_2a4ac9ef22f7156180d369162ef08cb8',
     fd: null,
     flags: 'w',
     mode: 438,
     start: undefined,
     pos: undefined,
     bytesWritten: 1047621,
     closed: true } 
}

您可以使用此标头并手动进行扩展映射(子字符串等......),但也有现成的库。以下两个是我进行谷歌搜索时的最佳结果

  • 哑剧
  • 哑剧类型

它们的用法也很简单:

 app.post('/upload2', function (req, res) {
  console.log(mime.extension(req.files.image.type));
 }

上面的代码片段会将png打印到控制台。

于 2016-07-20T13:49:27.303 回答
4

import extname 以返回文件的扩展名:

import { extname } from 'path';
extname(file.originalname);

其中文件是表单的文件“名称”

于 2019-09-10T20:58:09.940 回答
2

一个延伸的衬里String.prototype

Object.defineProperty(String.prototype, "ext", {get: function(x) {return this.split('.').pop()}})
str = 'fox.fbx';
str.ext

结果:

在此处输入图像描述

于 2021-06-11T09:59:16.900 回答
1

path.extname在大多数情况下都可以解决问题。但是,它将包括 last 之后的所有内容.,包括 http 请求的查询字符串和哈希片段:

var path = require('path')
var extname = path.extname('index.html?username=asdf')
// extname contains '.html?username=asdf'

在这种情况下,你会想尝试这样的事情:

var regex = /[#\\?]/g; // regex of illegal extension characters
var extname = path.extname('index.html?username=asdf');
var endOfExt = extname.search(regex);
if (endOfExt > -1) {
    extname = extname.substring(0, endOfExt);
}
// extname contains '.html'

请注意,带有多个句点的扩展名(例如.tar.gz)根本不适用于path.extname.

于 2014-11-19T03:47:37.343 回答
1
var fileName = req.files.upload.name;

var arr = fileName.split('.');

var extension = arr[length-1];
于 2015-02-20T07:12:15.670 回答
0

以下函数拆分字符串并返回名称和扩展名,无论扩展名中有多少个点。如果没有,它将为扩展返回一个空字符串。以点和/或空格开头的名称也可以使用。

function basext(name) {
  name = name.trim()
  const match = name.match(/^(\.+)/)
  let prefix = ''
  if (match) {
    prefix = match[0]
    name = name.replace(prefix, '')
  }
  const index = name.indexOf('.')
  const ext = name.substring(index + 1)
  const base = name.substring(0, index) || ext
  return [prefix + base, base === ext ? '' : ext]
}

const [base, ext] = basext('hello.txt')
于 2019-07-30T12:06:39.633 回答
0

试试这个

const path = require('path');

function getExt(str) {
  const basename = path.basename(str);
  const firstDot = basename.indexOf('.');
  const lastDot = basename.lastIndexOf('.');
  const extname = path.extname(basename).replace(/(\.[a-z0-9]+).*/i, '$1');

  if (firstDot === lastDot) {
    return extname;
  }

  return basename.slice(firstDot, lastDot) + extname;
}

// all are `.gz`
console.log(getExt('/home/charlike/bar/file.gz'));
console.log(getExt('/home/charlike/bar/file.gz~'));
console.log(getExt('/home/charlike/bar/file.gz+cdf2'));
console.log(getExt('/home/charlike/bar/file.gz?quz=zaz'));

// all are `.tar.gz`
console.log(getExt('/home/charlike/bar/file.tar.gz'));
console.log(getExt('/home/charlike/bar/file.tar.gz~'));
console.log(getExt('/home/charlike/bar/file.tar.gz+cdf2'));
console.log(getExt('/home/charlike/bar/file.tar.gz?quz=zaz'));

于 2020-04-02T13:07:15.900 回答