jQuery-File-Upload- 显示选择的文件物理路径

Question

我正在使用这个plug 来上传文件

我的问题是，当我点击时

<input type="file" class="upload" id="imgAuthorImageUpload" accept="image/gif, image/jpeg,image/jpg,image/bmp,image/pjpeg,image/png" />

imgAuthorImageUpload - 弹出窗口将从探索中打开，它会让您选择要上传的文件

一旦开始上传，我想在页面上显示该文件位置，

例如，

如果我从 d 驱动器图片文件夹中选择了 animal.png：那么我想显示这样的内容

D:/Pictures/animal.png

我这样写的代码：

$("#imgAuthorImageUpload").fileupload({
        url: '/picture/DashBoard/pictureUpload.ashx',
        dataType: 'json',
        cache: false,
        async: true,
    }).on('fileuploadadd', function (e, data) {
        e.preventDefault();
    }).on('fileuploaddone', function (e, data) {
        alert("upload done");
        e.preventDefault();
    }).on('fileuploadprogress', function (e, data) {
        var percentVal = '0%';
        var percentVal = parseInt(data.loaded / data.total * 100, 10);
        $('.bar').css(
                'width',
                percentVal + '%'
            );
        $('.percent').html(percentVal + '%');
    }).on('fileuploadcomplete', function (e, data) {
        alert("Upload complete");
    });

Answer 1

出于安全原因，浏览器不允许这样做。

这里提供了一个很好的解释：Full path from file input using jQuery