File Uploader element in angular JS

Question

I am new to angular js and am trying to create a simple file uploading element. Following is my angular js code

<div class="input-group input-group-sm" id="fileUploader">
        <span class="input-group-btn">
            <span class="btn btn-primary btn-file">
                Browse<input type="file" ngf-select ng-model="csvFile" name="file" accept=".csv"></input>
            </span>
        </span>         
        <input type="text" id="fileInput" class="form-control" placeholder="Choose file" readonly></input>
        <span class="input-group-btn">
            <button class="btn btn-primary" type="submit">Ok</button>
        </span>
    </div>

When I click on browse button and choose a file, I want the file name to appear on the fileInput element. Can anyone help me on how to do that?

Gizmo5 · Accepted Answer · 2016-04-07 18:09:12Z

1

In your 'fileinput' input try setting value={{csvFile.name}}. This should work if you have everything dependency injected correctly & all that.

answered Apr 7, 2016 at 18:09

Gizmo5

965 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

File Uploader element in angular JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related