Grails 2.4.4 显示已存储在 MySQL 中的图像文件

Question

我正在编写一个 grails (v2.4.4) 应用程序来将有关歌曲的信息存储在音乐库中。一首歌的“属性”之一是“键”。所以我想编写一个包含所有有效键的验证/查找表（域类）。由于不是每个进行数据输入的人都会自动知道 1 Flat 的五线谱是 F 大调音阶/调，我想包括一张五线谱的图像作为比较

（我贴不上员工的图片，“积分”不够，有兴趣的可以看维基百科的员工示例。http://en.wikipedia.org/wiki/F_major）

我可以将此文件作为 BLOB 存储到 MySQL 表中——grails 可以做到这一点。但我不能为我的生活（使用我发现的许多例子）让图像“显示”。我在“有效密钥列表”中看到的只是“字节”字符串。请有人指出我正确的方向。

ValidKeys 域类：

package musicdb

class ValidKeys {

    String  musicalKey
    String  aka
    byte[]  staffImg

    static constraints = {
        musicalKey (unique: true, nullable: false)
        aka (nullable: true)
        staffImg (nullable: true, maxSize: (1024*1024))
    }
}

ValidKeysControler：（标准“生成”控制器）

package musicdb

import static org.springframework.http.HttpStatus.*
import grails.transaction.Transactional

@Transactional(readOnly = true)
class ValidKeysController {

    static allowedMethods = [save: "POST", update: "PUT", delete: "DELETE"]

    def index(Integer max) {
        params.max = Math.min(max ?: 10, 100)
        respond ValidKeys.list(params), model:[validKeysInstanceCount: ValidKeys.count()]
    }

    def show(ValidKeys validKeysInstance) {
        respond validKeysInstance
    }

    def create() {
        respond new ValidKeys(params)
    }

    @Transactional
    def save(ValidKeys validKeysInstance) {
        if (validKeysInstance == null) {
            notFound()
            return
        }

        if (validKeysInstance.hasErrors()) {
            respond validKeysInstance.errors, view:'create'
            return
        }

        validKeysInstance.save flush:true

        request.withFormat {
            form multipartForm {
                flash.message = message(code: 'default.created.message', args: [message(code: 'validKeys.label', default: 'ValidKeys'), validKeysInstance.id])
                redirect validKeysInstance
            }
            '*' { respond validKeysInstance, [status: CREATED] }
        }
    }

    def edit(ValidKeys validKeysInstance) {
        respond validKeysInstance
    }

    @Transactional
    def update(ValidKeys validKeysInstance) {
        if (validKeysInstance == null) {
            notFound()
            return
        }

        if (validKeysInstance.hasErrors()) {
            respond validKeysInstance.errors, view:'edit'
            return
        }

        validKeysInstance.save flush:true

        request.withFormat {
            form multipartForm {
                flash.message = message(code: 'default.updated.message', args: [message(code: 'ValidKeys.label', default: 'ValidKeys'), validKeysInstance.id])
                redirect validKeysInstance
            }
            '*'{ respond validKeysInstance, [status: OK] }
        }
    }

    @Transactional
    def delete(ValidKeys validKeysInstance) {

        if (validKeysInstance == null) {
            notFound()
            return
        }

        validKeysInstance.delete flush:true

        request.withFormat {
            form multipartForm {
                flash.message = message(code: 'default.deleted.message', args: [message(code: 'ValidKeys.label', default: 'ValidKeys'), validKeysInstance.id])
                redirect action:"index", method:"GET"
            }
            '*'{ render status: NO_CONTENT }
        }
    }

    protected void notFound() {
        request.withFormat {
            form multipartForm {
                flash.message = message(code: 'default.not.found.message', args: [message(code: 'validKeys.label', default: 'ValidKeys'), params.id])
                redirect action: "index", method: "GET"
            }
            '*'{ render status: NOT_FOUND }
        }
    }
}

Answer 1

你快到了。在您在评论中提到的 displayStaffImage() 方法中，您还需要将图像的 MIME 类型作为内容类型。

例如：

def displayStaffImage() { 
    def validKeyInstance = File.get(params.id) 
    response.setContentType("image/png")
    response.outputStream << validKeyInstance.staffImg
    response.outputStream.flush() 
}

另一个例子见Grails: displaying created image in gsp接受的答案。

如果您不知道或不存储 MIME 类型，无论出于何种原因，您都可以使用内容类型“application/octet-stream”（表示二进制文件）并指定文件名：

def displayStaffImage() { 
    def validKeyInstance = File.get(params.id) 
    response.setContentType("application/octet-stream")
    response.setHeader("Content-disposition", "attachment;filename=\"${validKeyInstance.fileName}\"")
    response.outputStream << validKeyInstance.staffImg
    response.outputStream.flush() 
}

编辑：我注意到您实际上并没有在密钥描述中存储文件名，所以也许我的第二个建议不那么相关，但如果您有可用的信息，它仍然是一个可行的选择。

Answer 2

谢谢你，克里斯。

我实际上只是在“show.gsp”中得到了这个工作。我不必添加“contentType”来使其工作，但我想我会返回并添加该域字段和适当的代码，因为我发现的大多数示例似乎都包含它。

我所做的是：

1. 在控制器“def displayStaffImage()
   • 将 File.get(params.id) 更改为 ValidKeys.findById(params.id)
2. 在“show.gsp”中使用了标签
   • <span class="property-value" aria-labelledby="staffImg-label"><img src="${createLink(controller:'ValidKeys', action:'displayStaffImage', id:"${validKeysInstance.id}") }" width='100'/></span>
   • 顺便说一句，“跨度”部分是从“生成”步骤中的其他“字段”克隆而来的。这不是真的必要，但我想我会尽量保持一致。

但是... 同样在 "index.gsp" 中不起作用。 Id 不喜欢这里的“id”作为参数。如果我成功了，我会尝试更多的想法并发布。但是，如果有人对在“index.gsp”中显示实际图像有任何指示，我将不胜感激。

再次感谢克里斯！

Answer 3

这对我有用 我在域中有此列类型

class User implements Serializable {
    Blob userPic
}

我得到了结果

 def obj = User.findById(userId)
        def img= obj.userPic
        out << '<img src="data:image/png;base64,'
        out<< img.binaryStream.bytes.encodeBase64()
        out<< '">'