2017-06-30 11 views
1

私はローカルストレージに、javascriptを使用してpdfファイルをアップロードしようとしていますが、使用したチュートリアルは動作していません。PDFまたはWORDをローカルストレージにアップロード

私は私のサービスで「関数を追加」を持つ:

add(title, description) { 
    let old = JSON.parse(localStorage.getItem('list')) || []; 
    let new = { 
     'title':  title, 
     'description': description, 
    }; 
    old.push(newBook); 
    this.object = old; 
    localStorage.setItem('list', JSON.stringify(old)); 
}; 
をそして、私はまた、PDFファイルを追加する方法がわかりません。 これは、HTMLは、上記のコードのためにどのように見えるかです:

addElement() { 
    this.Service.add(this.title, this.description); 
} 

私はpdfファイルを追加する方法についてに行くにはどうすればよい:

<input class="title" 
       label="Title" 
       type="text" 
       input-id="title" 
       bind="$ctrl.title" 
       placeholder="AddTitle"> 
    </input> 

    <input class="description" 
       label="Description" 
       type="text" 
       input-id="description" 
       bind="$ctrl.description" 
       placeholder="Add Description"> 
    </input> 

    <button theme="" on-click="$ctrl.addElement()">Add</button> 

入力し、ボタンのコントローラ上のコンポーネント* 次の機能を追加していますそれをローカルストレージに保存して、後でダウンロードすることもできます。

+0

https://stackoverflow.com/questions/19119040/how-do-i-save-and-restore-a-file-object-in-local-storage –

+0

この回避策はjqueryを使用し、画像データのコピー。 jqueryは使用できません。そして、もう1つの解決法は、ファイルオブジェクトではなく一般的なオブジェクトを保存します。 @SureshKamrushi – Kyuubido0

答えて

1

これらのリンクは役に立つと思われ、試してみる価値があります。 インデックス付きDBを使用できます。

http://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/ https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API

ウェブストレージは、データの少量を格納するのに便利ですが、それは構造化された大量のデータを格納するためのあまり有用です。 IndexedDBはソリューションを提供します。

+0

ありがとう、私は索引DBを試してみよう! – Kyuubido0

+0

あなたが役に立ったと答えた場合は、その旨を忘れないでください;) –

関連する問題