jQuery 如何给一个 file 类型的 input 赋值一个文件

jQuery 无法直接给一个 file 类型的 input 赋值一个文件，这是由于浏览器的安全限制所导致的。用户必须手动选择文件才能将其上传到服务器。

如果您想在用户选择文件之前预览文件，可以使用 FileReader API 来读取文件内容并显示预览。以下是一个示例：

HTML 代码：

<input type="file" id="fileInput">
<img id="preview">

JavaScript 代码：

// 获取文件输入框和预览图片
var fileInput = document.getElementById('fileInput');
var previewImg = document.getElementById('preview');

// 监听文件输入框的 change 事件
fileInput.addEventListener('change', function () {
    // 获取选中的文件
    var file = fileInput.files[0];

    // 创建 FileReader 对象
    var reader = new FileReader();

    // 读取文件内容并将其赋值给图片的 src 属性
    reader.onload = function (e) {
        previewImg.src = e.target.result;
    };
    reader.readAsDataURL(file);
});

以上代码会在用户选择文件后，将文件内容读取为 DataURL，并将其赋值给预览图片的 src 属性，从而实现文件预览的效果。