如何获取图片的原始名称？_js获取图片原始尺寸_js获取图片的名称 - 腾讯云开发者社区

如何获取图片的原始名称？

获取图片的原始名称通常是指在服务器端或者客户端获取上传图片时所使用的文件名。这个过程可能会涉及到不同的编程语言和框架。以下是一些常见的方法：

前端获取图片原始名称

在前端，如果你使用HTML表单上传文件，可以通过JavaScript获取文件名：

<input type="file" id="imageUpload" name="imageUpload">
<script>
document.getElementById('imageUpload').addEventListener('change', function(event) {
    var file = event.target.files[0];
    var originalName = file.name;
    console.log(originalName);
});
</script>

后端获取图片原始名称

在后端，不同的编程语言有不同的处理方式。以下是一些示例：

Node.js (Express)

const express = require('express');
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });

const app = express();

app.post('/upload', upload.single('image'), (req, res) => {
    console.log(req.file.originalname);
    res.send('File uploaded');
});

app.listen(3000, () => {
    console.log('Server started on port 3000');
});

Python (Flask)

from flask import Flask, request
import os

app = Flask(__name__)

@app.route('/upload', methods=['POST'])
def upload_file():
    if 'image' in request.files:
        file = request.files['image']
        original_name = file.filename
        file.save(os.path.join('uploads', original_name))
        return 'File uploaded'
    return 'No file part'

if __name__ == '__main__':
    app.run(port=3000)

PHP

<?php
if ($_FILES['image']['error'] === UPLOAD_ERR_OK) {
    $originalName = $_FILES['image']['name'];
    move_uploaded_file($_FILES['image']['tmp_name'], 'uploads/' . $originalName);
    echo 'File uploaded';
} else {
    echo 'Error uploading file';
}
?>