grails上传图片

来源：互联网发布：b2c商城源码编辑：程序博客网时间：2024/05/20 23:31

grails上传图片

第一步：

<g:form action= "save"   method= "post" enctype= "multipart/form-data" >//上传文件需要把form表单的enctype 属性设置为 multipart/form-data

第二步：写上传图片拿到本地文件夹的uploimage函数

 def uploadImage(){//上传图片到本地文件夾中        println 'yyyyyyyy'      //  def fileName        //def filePath        def f = request.getFile('pictureUrl')//获取前台页面表单控//中的文件名称        println f        if (!f.empty) {           // String  fileProName = f.originalFilename            def webRootDir = servletContext.getRealPath("/")            def userDir = new File(webRootDir, "/payload/")            userDir.mkdirs()            f.transferTo(new File(userDir, f.originalFilename))            println f.originalFilename            return f.originalFilename        }//        println f.originalFilename        return   fileName    //返回文件名称    }

第三步：修改保存图片的路径

@Transactionaldef save(Goods goodsInstance) {    println goodsInstance    if (goodsInstance == null) {        notFound()        return    }    if (goodsInstance.hasErrors()) {        respond goodsInstance.errors, view:'create'        return    }    String photoUrl=uploadImage()//调用上传图片的方法，返回一个储存图片的路径。    goodsInstance.photoUrl=photoUrl//存储图片路径    println goodsInstance.photoUrl    goodsInstance.save flush:true    request.withFormat {        form multipartForm {            flash.message = message(code: 'default.created.message', args: [message(code: 'goods.label', default: 'Goods'), goodsInstance.id])            redirect goodsInstance        }        '*' { respond goodsInstance, [status: CREATED] }    }}

第四步：修改页面的标签

<div class="fieldcontain ${hasErrors(bean: goodsInstance, field: 'photoUrl', 'error')} ">   <label for="photoUrl">      <g:message code="goods.photoUrl.label" default="Photo Url" />        </label>   %{--<g:textField name="photoUrl" value="${goodsInstance?.photoUrl}"/>--}%   <input type= "file" id= "pictureUrl" name= "pictureUrl"  /></div>

第五步：前台页面显示显示图片方式

<span id="photoUrl-label" class="property-label">Photo:</span><span class="property-value" aria-labelledby="photoUrl-label">   <img src="${createLinkTo(dir:'payload',         file:''+goodsInstance.photoUrl)}"       alt="${goodsInstance.photoUrl}"       title="${goodsInstance.photoUrl}" style="width: 200px"></span>

0 0