16:37 提问
webuploader上传完成提示错误
今天用了一下webuploader插件，发现特别好用，但是在我自己写功能的时候，文件明明已经上传上去了，但是还是提示失败，我用的springMVC，然后发现提示我找不到对应的controller路径，我路径是没有问题的，然后并不执行uploadSuccess方法，最后发现在
showError = function(code) {
alert("code="+code);
switch( code ) {
case 'exceed_size':
text = '文件大小超出';
case 'interrupt':
text = '上传暂停';
text = '上传失败，请重试';
里面code是http，这是什么问题造成的呢？哪位大神可以帮忙
按赞数排序
补充一下，uploadError返回的是undefined，为什么没有把值传过来？
自己来回答一下吧，今天一天就研究这个东西了，我用的springMVC，本来是很简单的事情，搞来搞去现在终于摸清楚了一点点，uploadError和uploadSuccess方法接受的类型是json的，用String的就会出现undefined，把后台返回值改成json的就好了，另外code返回http这个问题，随着也解决了，下面贴上我的代码
这个是upload.jsp
&%@ page language="java" contentType="text/ charset=UTF-8"
pageEncoding="UTF-8"%&
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
&!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&meta http-equiv="Content-Type" content="text/ charset=UTF-8"&
&link href="&%=basePath %&lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" /&
&link rel="stylesheet" type="text/css" href="&%=basePath %&css/uploader.css"&
&title&fileUpload&/title&
&div class="row cl"&
&label class="form-label col-2"&图片上传：&/label&
&div class="formControls col-10"&
&div class="uploader-list-container"&
&div class="queueList"&
&div id="dndArea" class="placeholder"&
&div id="filePicker-2"&&/div&
&p&或将照片拖到这里，单次最多可选300张&/p&
&div class="statusBar" style="display:"&
&div class="progress"& &span class="text"&0%&/span& &span class="percentage"&&/span& &/div&
&div class="info"&&/div&
&div class="btns"&
&div id="filePicker2"&&/div&
&div class="uploadBtn"&开始上传&/div&
&script src="&%=basePath %&js/jquery-1.9.1.js"&&/script&
&script src="&%=basePath %&lib/webuploader/0.1.5/webuploader.min.js"&&/script&
&script src="&%=basePath %&js/fileUpload.js"&&/script&
&script type="text/javascript"&
(function( $ ){
// 当domReady的时候开始初始化
$(function() {
uploadReady('&%=basePath%&upload.action');
})( jQuery );
这个是后台上传的Controller
package com.TimeSea.
import java.io.F
import java.text.SimpleDateF
import java.util.D
import java.util.I
import javax.servlet.http.HttpServletR
import javax.servlet.http.HttpServletR
import org.json.JSONO
import org.springframework.stereotype.C
import org.springframework.web.bind.annotation.RequestM
import org.springframework.web.bind.annotation.RequestM
import org.springframework.web.bind.annotation.ResponseB
import org.springframework.web.multipart.MultipartF
import org.springframework.web.multipart.MultipartHttpServletR
import org.springframework.monsMultipartR
@Controller
public class UploadController extends com.jfinal.core.Controller {
@RequestMapping("index")
public void index(){
render("upload.jsp");
@RequestMapping(value="upload.action",method=RequestMethod.POST)
@ResponseBody
public String imageUpload(HttpServletRequest request,HttpServletResponse response)throws Exception{//返回文件存储相对路径
CommonsMultipartResolver multipartResolver=new CommonsMultipartResolver(
request.getSession().getServletContext());
//检查form中是否有enctype="multipart/form-data"
String path = "";
String status = "";
System.out.println("----------------------------------------------");
JSONObject json = new JSONObject();
if(multipartResolver.isMultipart(request))
String newFileName = "";
//将request变成多部分request
MultipartHttpServletRequest multiRequest=(MultipartHttpServletRequest)
//获取multiRequest 中所有的文件名
Iterator iter=multiRequest.getFileNames();
SimpleDateFormat df = new SimpleDateFormat("yyyyMMddHHmmss");//设置日期格式
while(iter.hasNext())
//一次遍历所有文件
MultipartFile file=multiRequest.getFile(iter.next().toString());
if(file!=null)
String fullFileName = file.getOriginalFilename();
String extendsFileName = fullFileName.substring(fullFileName.lastIndexOf(".")+1);
String fileName = fullFileName.substring(0, fullFileName.lastIndexOf("."));
newFileName = fileName+String.valueOf(df.format(new Date()))+"."+extendsFileN
path = "C:/MyeclipseWorkspace/TimeSeaUpload/"+newFileN
file.transferTo(new File(path));
json.put("status", "OK");
System.out.println(json.toString());
return json.toString();
json.put("status", "NO");
return json.toString();
其他相关推荐在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如所示，我重新添加一个按钮触发事件，可以弹出选择图片的文件夹，可是不知道要如何重新加载图片到页面上。
uploader.addButton({
id: '#btn-refresh'
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
可以弹出上传说明可以上传,更新一下dom即可啊
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：posts - 327,&
comments - 43,&
trackbacks - 0
在上传按钮上监听一个点击事件，如create()，在该函数中重新生成上传按钮
function create(){
uploader.addButton({
id: '#filePicker',
innerHTML: '上传'
　　通过该函数，每次点击上传时重新生成上传按钮，这种方式的弊端是，第一次点击上传按钮总是没反应的，之后再次点击才能弹出文件选择框
在模态框弹出后再初始化webuploader
//在点击弹出模态框的时候再初始化WebUploader，解决点击上传无反应问题
$("#myModal").on("shown.bs.modal",function(){
uploader = WebUploader.create({
swf : '/web/public/Uploader.swf',
server : $("#jumicontextPath").val()+'/common/file/upload',// 后台路径
pick : '#filePicker', // 选择文件的按钮。可选。内部根据当前运行是创建，可能是input元素，也可能是flash.
resize : false,// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
chunked : true, // 是否分片
duplicate:true,//去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
chunkSize : 52428 * 100, // 分片大小， 5M
fileSingleSizeLimit:100*1024,//文件大小限制*/
auto : true,
// 只允许选择图片文件。
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/jpg,image/jpeg,image/png'
// 文件上传成功，给item添加成功class, 用样式标记上传成功。
uploader.on('uploadSuccess', function (file,response) {
var fileUrl = response.data.fileU
$("#responeseText").text("上传成功,文件名："+response.data.fileName);
// 当文件上传出错时触发
uploader.on('uploadError', function (file) {
$("#responeseText").text("上传失败");
//当validate不通过时触发
uploader.on('error', function (type) {
if(type=="F_EXCEED_SIZE"){
alert("文件大小不能超过xxx KB!");
　　单单这样也会有问题，这样每次弹出模态框之后都加载一个边框，使按钮越来越大，所以需要在关闭模态框后销毁webuploader
//关闭模态框销毁WebUploader，解决再次打开模态框时按钮越变越大问题
$('#myModal').on('hide.bs.modal', function () {
$("#responeseText").text("");
uploader.destroy();
　　程序员的基础教程：
阅读(...) 评论()}