javascript - Ext JS 编码的 base64 图片设置为背景 url

标签 javascript css cordova extjs encode

Ext js和cordova插件使用这段代码

console.log(getBgPicture);

正确编码图像。

 setBodyStyle('background:url("'+'data:image/jpeg;base64,'+getBgPicture +'") no-repeat center; background-size: cover'); 

执行时会报错

app.js:1 GET data:image/jpeg net::ERR_INVALID_URL

我试过很多方法。如果有人知道请告诉我。提前致谢

最佳答案

你应该给 setBodyStyle 参数作为带有 camelCase 参数的对象。

this.setBodyStyle({
    backgroundImage: "url('data:image/jpeg;base64," + getBgPicture + "')",
    backgroundRepeat: "no-repeat",
    backgroundSize: "cover",
    backgroundPosition: "center"
});

关于javascript - Ext JS 编码的 base64 图片设置为背景 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58327219/

相关文章:

javascript - 分析器条动画 HTML 音频 API 不起作用

javascript - 从 HTML 模板、CSS 模板和 HTML 内容页面组装网页

javascript - 如何使漂亮的照片布局固定大小?

ios - 我们可以在 native webview 而不是 cordova webview 中加载 index.html 页面吗

android - 无法实例化应用程序 androidx.multidex.MultiDexApplication : java. lang.ClassNotFoundException

Android:当 Activity 通过浏览器链接启动时,onActivityResult Intent 为空

javascript - 使用 Google Chart 从数据集生成多个圆环图

javascript - Json 格式的对象到带有新键的简单数组

javascript - nodejs execFile 回调参数 "stdout"的最大长度是多少?

javascript - 如何删除拖动(重影)图像?