# Saving and listing uploaded files?

**URL:** https://discuss.emberjs.com/t/saving-and-listing-uploaded-files/9019
**Category:** Ember Data
**Created:** [October 27, 2015, 3:47pm UTC](https://discuss.emberjs.com/t/saving-and-listing-uploaded-files/9019 "2015-10-27T15:47:35Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Rinchen](https://avatars.discourse-cdn.com/v4/letter/r/91b2a8/32.png) [@Rinchen](https://discuss.emberjs.com/u/Rinchen)
#### Post date: [October 27, 2015, 3:47pm UTC](https://discuss.emberjs.com/t/saving-and-listing-uploaded-files/9019/1 "2015-10-27T15:47:35Z")

</div>

At the moment, I have this code to upload files to my website, although I have no function to save the files.

```
    <div class="row fileExtension">
      <div class="col-md-6">
        <input type="file" name="file" accept="file_extension" style="float: left">
      </div>
      <div class="col-md-6">
        <input type="submit" style="float: right;">
      </div>
    </div>

```

I’d like to both save and list the uploaded files using EmberJs, any tips? I have no idea where to start.

---

<div class="post-metadata">

### Author: ![ef4](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/ef4/32/13470_2.png) [@ef4](https://discuss.emberjs.com/u/ef4)
#### Post date: [October 28, 2015, 3:00pm UTC](https://discuss.emberjs.com/t/saving-and-listing-uploaded-files/9019/2 "2015-10-28T15:00:38Z")

</div>

Ember is a clientside framework, so it only runs in the user’s browser. Not on your server. So it cannot receive the file upload.

You could definitely put the above code into an ember component that displays a nice UI for the upload, and that knows how to post the file to your server and show helpful feedback. But you would still need some server to post to. Or you can use a service like [https://www.filepicker.com/](https://www.filepicker.com/).

---

<div class="post-metadata">

### Author: ![workmanw](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/workmanw/32/14929_2.png) [@workmanw](https://discuss.emberjs.com/u/workmanw)
#### Post date: [October 28, 2015, 3:03pm UTC](https://discuss.emberjs.com/t/saving-and-listing-uploaded-files/9019/3 "2015-10-28T15:03:54Z")

</div>

I did a talk on bulk uploading files in a very “HTML5 way”. And I made a repo and demo too. It maybe be of some help.

Talk: [March Embernati - Wesley Workman on async file uploads in Ember.js - YouTube](https://www.youtube.com/watch?v=7Z3HCTFFCKc)

Repo: [GitHub - workmanw/embernati-upload-demo](https://github.com/workmanw/embernati-upload-demo)

Demo: [Embernati Upload Demo](http://workmanw.github.io/embernati-upload-demo/#/files)

That demo just assumes files are drag and drop from the desktop.

---

<div class="post-metadata">

### Author: ![Leeft](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/leeft/32/10094_2.png) [@Leeft](https://discuss.emberjs.com/u/Leeft)
#### Post date: [October 28, 2015, 9:14pm UTC](https://discuss.emberjs.com/t/saving-and-listing-uploaded-files/9019/4 "2015-10-28T21:14:04Z")

</div>

> [@ef4](#):
>
> Ember is a clientside framework, so it only runs in the user’s browser. Not on your server. So it cannot receive the file upload.

That’s not entirely correct. Regular file uploads, yes those go directly to a server. But you may want that data in the Ember app before uploading (or storing it in e.g. localstorage), and you can use the drag and drop features of HTML5 for that together with Ember.

I have a work in progress (may or may not complete it) which takes an MSI Afterburner log file, processes it client side and inserts it into a Firebase database in a optimised and compressed format to be shared with others … which I can then easily create graphs from.