Javascript jQuery文件上载-显示所选文件物理路径

Javascript jQuery文件上载-显示所选文件物理路径,javascript,jquery,html,file-upload,Javascript,Jquery,Html,File Upload,我用这个来上传文件 我的问题是,当我点击 <input type="file" class="upload" id="imgAuthorImageUpload" accept="image/gif, image/jpeg,image/jpg,image/bmp,image/pjpeg,image/png" /> 我写的代码如下: $("#imgAuthorImageUpload").fileupload({ url: '/picture/DashBoard/pict

我用这个来上传文件

我的问题是,当我点击

<input type="file" class="upload" id="imgAuthorImageUpload" accept="image/gif, image/jpeg,image/jpg,image/bmp,image/pjpeg,image/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");
    });

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


这里提供了一个很好的解释:

可能重复不可能的安全风险bcoz他为什么得到-1?他给出了完美的答案+1我同意普拉蒂克,不必要的否决票。出于安全原因,您将无法获取完整路径,但您可以获取文件名,请参阅。
$("#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");
    });