dwz框架项目 中调用uploadify方法上传图片

java代码：

public void artistTopUpload() throws IOException {
    this.getResponse().setContentType("text/html; charset=UTF-8");
    try {
      if(this.photo != null) {
        artistInfo = new ArtistInfo();
        String path = this.getRequest().getSession().getServletContext().getRealPath("/");
        ArtistInfo sessionArtistInfo = (ArtistInfo)getSession().get(UserKeys.ARTIST_OBJECT_SESSION_KEY);
        artistInfo.setId(sessionArtistInfo.getId());
        String targetFile = System.currentTimeMillis() + "." + FilenameUtils.getExtension(this.photoFileName);
       Thumbnails.of(this.photo)                      //图片缩放
       .size(1000, 180)
       .keepAspectRatio(false)
       .toFile(new File(path+UserKeys.ARTIST_UPLOAD_PATH +artistInfo.getId()+"/", targetFile));
       
        //FileUtils.copyFile(this.photo, new File(path+UserKeys.ARTIST_UPLOAD_PATH +artistInfo.getId()+"/", targetFile), true);
        artistInfo.setId(sessionArtistInfo.getId());
        artistInfo.setArtistTopUrl(UserKeys.ARTIST_UPLOAD_PATH +artistInfo.getId()+"/"+ targetFile);
        dbArtistInfoService.save(artistInfo);
        sessionArtistInfo.setArtistTopUrl(artistInfo.getArtistTopUrl());
        getSession().put(UserKeys.ARTIST_OBJECT_SESSION_KEY, sessionArtistInfo);
        this.getResponse().getWriter().print(UserKeys.ARTIST_UPLOAD_PATH +artistInfo.getId()+"/"+targetFile);
      }
    } catch(RollBackException e) {
      this.getResponse().getWriter().print("");
      LOGGER.error(e.getMessage(), e);
    } catch(Exception e) {
      this.getResponse().getWriter().print("");
      LOGGER.error(e.getMessage(), e);
    }
  }

jsp页面代码：

<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/asset/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/asset/dwz-ria-1.4.6/uploadify/css/uploadify.css" type="text/css"></link>
<script type="text/javascript" src="${pageContext.request.contextPath}/asset/dwz-ria-1.4.6/uploadify/scripts/jquery.uploadify.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/asset/dwz-ria-1.4.6/uploadify/scripts/swfobject.js"></script>
<% //在非IE浏览器中 session会重新指定 需要 传递参数
 String sessionid =  session.getId();
 %>
<style type="text/css">
#fileQueue {
 width: 400px;
 height: 70px;
 overflow: auto;
 border: 1px solid #E5E5E5;
 margin-bottom: 30px;
}
</style>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $("#uploadify").uploadify({
             id: $(this).attr('id'),
                script: '${pageContext.request.contextPath}/artmng/artistInfo_artistTopUpload.action;jsessionid=<%=sessionid%>', // 服务器端处理地址           
                uploader: '${pageContext.request.contextPath}/asset/dwz-ria-1.4.6/uploadify/scripts/uploadify.swf',    // 上传使用的 Flash     
                width: 111,                          // 按钮的宽度        
                height: 33,                         // 按钮的高度  
    cancelImg: '${pageContext.request.contextPath}/asset/dwz-ria-1.4.6/uploadify/cancel.png',    
                /* buttonText: "图片",                  // 按钮上的文字        
                buttonCursor: 'hand',               // 按钮的鼠标图标        */
                fileDataName: 'photo',  // 上传参数名称         
                // 两个配套使用        
                fileTypeExts: "*.jpg;*.png;*.gif;*.raw;",             // 扩展名         
                fileTypeDesc: "请选择 jpg png gif raw文件",     // 文件说明       
                queueID: 'fileQueue',
                auto: true,                // 选择之后，自动开始上传         
                multi: true,               // 是否支持同时上传多个文件      
                onComplete: function(event,queueId,fileObj,response,data){
                $('.witkeyhome-topcontainer').css('background-image','url(${pageContext.request.contextPath}/'+response+')');
                $('.theme-popover,.theme-popover-mask').hide();
                } 
            });
        }); 
    </script>
 <div>
 <span>上传的图片尺寸请选择：1000x180</span>
 </div>
 <div id="fileQueue"></div>
    <input type="file" name="uploadify" id="uploadify" />
   

最后

以上就是霸气铃铛为你收集整理的dwz框架项目 中调用uploadify方法上传图片的全部内容，希望文章能够帮你解决dwz框架项目 中调用uploadify方法上传图片所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。