我使用mysql blob在数据库中存储图像。现在我想在我的ionic应用程序中显示我上传的图像。
它是如何工作的,如何将它存储在对象中?
你可以在这里找到我的代码:
java类
public JSONObject getItems(String email) throws SQLException, ClassNotFoundException, IOException {
JSONObject jsonObject = new JSONObject();
JSONArray jsonArray = new JSONArray();
Connection conn = new MYSQLAccess().getConnection();
String sql = "SQL String";
PreparedStatement pstm = conn.prepareStatement(sql);
pstm.setString(1, email);
ResultSet rs = pstm.executeQuery();
while (rs.next()) {
jsonObject.put("1", rs.getBlob("1"));
jsonObject.put("2",rs.getInt("2"));
jsonObject.put("3", rs.getString("3"));
jsonObject.put("4", rs.getString("4"));
jsonArray.add(performanceCarsJsonObject);
}
jsonObject = new JSONObject();
jsonObject.put("array", jsonArray);
conn.close();
return jsonObject;
}
手写体ionic/angualar
getPerformanceCars() {
let params = {"email": this.user.getEmail()};
this.cars.performanceCars(params).then(data => {
this._List = data;
this._List = this._List.value.icons;
this.itemList = this._List;
});
}
离子型html
<ion-list>
<ion-item-sliding *ngFor="let items of itemList">
<button ion-item (click)="openItem(item)">
<ion-avatar item-start>
<img [src]="items.img" />
</ion-avatar>
<h2>{{ items.email }}</h2>
<p>{{ items.values }}</p>
<ion-note item-end *ngIf="items.note">{{ cars.note }}</ion-note>
</button>
</ion-item-sliding>
</ion-list>
离子输入上传器中的照片预览使用以下html代码。
<div class="profile-image" style="background-image: url("data:image/jpeg;base64,DATA;);"></div>
我希望你能帮助我,解决我的问题。
1条答案
按热度按时间uqjltbpv1#
解决方案
我通过创建两个新方法解决了这些问题。在第一步中,我创建getitemblob方法来提取数据库外部的blob。在下一步中,我将在controller类中创建getitemimage方法。这些方法通过itemid在inputstream和servletoutputstream的最后一步中转换blob来搜索数据库中正确的blob。
在html部分,我使用了一个普通的img标记,并将服务器主机名、端口和getitemimage方法Map在一起以显示图像。
java类(项目服务)
java类(项目控制器)
java类(订户控制器)
离子型html
离子型字体/角型