js获取判断上传文件后缀名

可以使用JavaScript的String对象的endsWith()方法来判断文件名是否以指定的后缀名结尾。例如，判断上传文件是否为图片文件，可以使用以下代码：

const fileName = 'example.png'; // 上传文件的文件名
if (fileName.endsWith('.png') || fileName.endsWith('.jpg') || fileName.endsWith('.jpeg')) {
  console.log('这是一个图片文件');
} else {
  console.log('这不是一个图片文件');
}

这个代码会输出“这是一个图片文件”如果上传文件的文件名以 .png、.jpg 或 .jpeg 结尾。你可以根据需要修改这个代码来判断其他类型的文件。

相关问题

vue获取判断上传文件后缀名

可以通过以下代码获取上传文件的后缀名：

// 获取上传文件的后缀名
let fileExt = ''
if (file.name.lastIndexOf('.') >= 0) {
  fileExt = file.name.substr(file.name.lastIndexOf('.') + 1).toLowerCase()
}

// 判断后缀名是否为指定的类型
if (fileExt === 'png' || fileExt === 'jpg' || fileExt === 'jpeg') {
  // 处理上传文件
} else {
  // 提示用户上传文件格式不正确
}

其中，`file` 是一个包含上传文件信息的对象。如果文件名中包含了后缀名，则使用 `substr` 方法获取后缀名，否则后缀名为空字符串。最后，根据后缀名判断是否为指定的类型进行处理。

uniapp h5图片压缩上传 缺少文件后缀

在uniapp中进行H5图片压缩上传时，如果缺少文件后缀，可能会导致上传失败或者无法正确显示图片。这是因为文件后缀在H5中起到了区分文件类型的作用，缺少后缀会让浏览器无法识别文件的类型。

为了解决这个问题，我们可以在图片上传前对其进行检测，确保文件名中包含后缀。可以通过获取文件的后缀名来判断文件是否缺少后缀。可以使用JavaScript的字符串处理函数来实现此功能。

首先，我们可以获取到上传的图片文件，可以使用uniapp提供的文件选择器组件获取到图片文件的路径。然后，使用JavaScript中的字符串处理函数，比如split()函数，将文件路径字符串根据'.'进行分割，获取到最后一个元素即为文件后缀。

接下来，我们可以判断获取到的后缀是否为空。如果为空，则说明文件名中没有后缀，我们可以手动给文件添加一个常见的图片后缀，比如'.jpg'或'.png'等。

最后，我们将带有后缀的文件名称进行上传。这样就可以确保文件上传成功，并且能够在H5中正确显示。

综上所述，我们可以通过获取文件后缀并手动添加后缀的方式来解决uniapp H5图片压缩上传缺少文件后缀的问题。注意在添加文件后缀时，要根据实际情况选择常见的图片后缀。