weixin_38484721
weixin_38484721
采纳率33.3%
2017-06-25 10:38

java web项目整合一个图片上传webUploader

20
已采纳

因为是初学者,所以想写个ssh的小项目,练练手,
在网上下了一个商城的后台模板,最近正在实现功能,
现在写到了,新增商品时的上传功能,
模板自带的上传是用的webUploader,
现在遇到的问题是图片上传的时候不知道怎么保存在服务器中,
代码如下:
html:

图片上传:
                        <p>或将照片拖到这里,单次最多可选300张</p>
                    </div>
                </div>
                <div class="statusBar" style="display:none;">
                    <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>
                    </div>
                </div>
            </div>
        </div>
    </div>

js:
$(function(){
$('.skin-minimal input').iCheck({
checkboxClass: 'icheckbox-blue',
radioClass: 'iradio-blue',
increaseArea: '20%'
});

$list = $("#fileList"),
$btn = $("#btn-star"),
state = "pending",
uploader;

var uploader = WebUploader.create({
    auto: true,
    swf: 'lib/webuploader/0.1.5/Uploader.swf',

    // 文件接收服务端。
    server: 'fileUpload.action',

    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建,可能是input元素,也可能是flash.
    pick: '#filePicker',

    // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传!
    resize: false,
    // 只允许选择图片文件。
    accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,bmp,png',
        mimeTypes: 'image/*'
    }
});

});
问题是,
// 文件接收服务端。
server: 'fileUpload.action',
在网上查的这个属性是文件接收服务器端,如果我给一个Action,它会显示上传成功图片说明
就算是上传成功,在服务器也找不到这个图片,
但是,原页面和网上搜到的一些例子都是
// 文件接收服务端。
server: 'http://webuploader.duapp.com/server/fileupload.php',
以php结尾的文件,这个是有什么问题,求解释
如果我修改成这个文件,就上传失败了,
这个属性值到底是给什么,还有,我怎么能获取到他的路径,文件名称,是在Action中定义file属性,get,set,获取他的值吗?

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • weixin_38484721 weixin_38484721 4年前

    好了,已经解决了。图片说明图片说明图片说明图片说明

    点赞 评论 复制链接分享
  • c______________ MrStevens 2年前

    你这只给前台代码有啥用,没有展示最核心的东西

    点赞 评论 复制链接分享