Question

我正在为我的应用程序使用hibernate，html，spring mvc和angular js。从hibernate我正在构建将与前端html页面绑定的视图模型。上传和保存我没有问题。但是当使用hibernate从DB中检索相同的图像时，我只接收一个字节数组。如何在“tab.namePRAttch”中获取文件组件（参见下面的代码）。

如何从byte []获取与我上传的文件相同的文件？

下面给出了将字节数组组件映射到视图模型的java代码。我使用byte []作为图像数据类型。

感谢您的帮助。提前谢谢。

Set<NamePageAttchModel> atchList = result.get(i).getNameAttachments();
        List<byte []> attbyArr = new ArrayList<byte[]>();
        for(NamePageAttchModel m : atchList){
            byte [] a = m.getAttachFile();
            attbyArr.add(a);
        }
        viewModel.setNamePRAttch(attbyArr);

$scope.retrievName = function() {
    if (SearchService.getAdvflagNm()) {
      $http({
          params: {
            "mainId": $scope.mainPR.mainInfoId
          },
          method: 'GET',
          url: 'namePage/retrveNamePge'
        })
        .then(
          function mySuccess(response) {
            $scope.showSuggestions = false;
            $scope.disOthrSec = false;
            if (response.data !== "" && response.data !== undefined) {
              $scope.namePageTabs = response.data;
            }
            SearchService.setAdvflagNm();
            if (response.status == 500) {

            },
            function myError(response) {});

        }
    };

<div class="col-md-3">
  <input type="file" ng-image-model file-model="tab.namePRFile" multiple />
</div>


<div ng-repeat="file in tab.namePRAttch.file track by $index">
  <a ng-src="{{file}}" ng-click="openImage(this)">{{file.name}}</a><i ng-click="removePRNameFile(file)" class="btn btn-md fa fa-trash" aria-hidden="true"></i>
</div>

Answer 1

要访问图像，您必须将其转换为b64格式，并为此创建一个实体，并将变量imagePath声明为String类型。让实体名称为ImagePath，假设您从dao层获取了一个列表，如list = dao.getList。应用for循环访问图像并将其转换为base64Binary，如：
String b64 = javax.xml.bind.DatatypeConverter.printBase64Binary(m.getImage());
在for循环中实例化您的ImagePath实体，并将imagePath设置为imagePath.setPath(b64);以及您希望随图像发送的所有其他属性。
现在将其添加到列表attbyArr.add(a);并将其添加到您的viewModel viewModel.setNamePRAttch(attbyArr);

让 ImageClass 成为：

@Entity
public class ImageClass implements Serializable {

private static final long serialVersionUID = -4978144559787934722L;

@Id
@GeneratedValue(strategy=GenerationType.AUTO)
@Column(name="image_id")
private int image_id;

@Lob
@Column(name="image_content", nullable=false, columnDefinition="mediumblob")
private byte[] image;  
}

然后 ImagePath Class 应该是：

public class ImagePath {

private int id;
private String imagePath;
} //generate getter setter and parametriced constructor

控制器类将具有：

List<ImageClass> list = dao.getList();
List<ImagePath> imageList = new ArrayList<ImagePath>();
for (ImageClass m : list) {
        String b64 = javax.xml.bind.DatatypeConverter.printBase64Binary(m.getImage());
        ImagePath imagepath = new ImagePath();
        imagepath.setId(m.getImage_id());
        imagepath.setImagePath(b64);
        imageList .add(imagepath);
        model.addAttribute("imageList", imageList); //Or you can return it as a list that can be used in Angular

如何使用hibernate，spring mvc和angular js从后端检索图像以及显示在屏幕上的其他数据？

1 个答案: