HTML 5画像を背景画像としてアップロードする

HTML 5 File APIを使用して画像を読み込み、javascript/jqueryを使用してCSSの背景画像にすることは可能ですか？可能であれば、どうしたのですか？HTML 5画像を背景画像としてアップロードする

をdronusします。それは背景イメージのURLとして使用できます。ここの例を見てください：http://sveinbjorn.org/dataurls_css – dronus

それは本当に助けになりました！どうもありがとう。できるだけ早く私がどのようにしたのかを投稿しますが、評判制限のおかげで次の5時間にはできません –

dronusは、コメント欄でこのリンクを掲載することにより、私はこの質問への偉大な答えを与えた： sveinbjorn.org/dataurls_css

あなたは、単純なCSSの背景画像用の画像データを使用するには、以下を行う必要があります：これは保存されますあなたは新しいを作成し、を記入し、データがFileReaderの（）を使用してそれを埋める後に画像のsrcデータ

var imgFileData = $('#image').attr('src')

今、あなたは、単にこのVARを取ると、背景画像のURLとして設定する必要があり

$('#yourDiv).css({'background-image':'url(' + imgFileData + ')'}); 
$('#image').hide(); //optional

ここで何が起こっているのか理解を得るためにリンクを読んで、おかげで再びデータURIにロードされたデータを変換たぶん

2011-12-22 09:31:07

答えて