如何使用AngularJs获取完整文件路径(图像文件)

时间:2014-09-11 04:56:11

标签: .net angularjs angularjs-directive

我需要使用带有angularjs的指令获取完整的文件名, 贝娄是我的代码,这里我只获取文件名。是否可以获得完整的文件名?

<input type="file" fileread="justice.imageLocation" />

MyApp.directive('fileread', [function(){ return { scope: { fileread:"=" }, link: function (scope, element, attributes) { element.bind("change", function (changeEvent) { scope.$apply(function () { // I am getting file name here! scope.fileread = changeEvent.target.files[0].name; }); }); } } }]);

3 个答案:

答案 0 :(得分:0)

这实际上是一个javascript / html问题,与angular无关。

然而,根本无法获取文件客户端的路径,请参阅此问题以获取更多信息:

How to get full path of selected file on change of <input type=‘file’> using javascript, jquery-ajax?

答案 1 :(得分:0)

我知道这是旧帖子,但如果有人试图在node webkit中执行此操作,只需将.name更改为.path,如下所示:changeEvent.target.files[0].path; 这对我有用。

答案 2 :(得分:0)

试试这个:

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#tryy').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#tryyyy").change(function(){
        readURL(this);
    });