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

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

1 个答案: