评论：jQuery文件上传  [查看原文]

葬梦0
2020/8/13 16:58:08
不好意思，我不会写php，我给你另一个解决方案，不过是vue的，存在进度，并不需要后端进行写进度实现：
https://www.woodpoles.cn/wp-upload-vue/

葬梦0
2020/3/4 22:20:05
可以，但是需要改改，我没考虑这样的场景，类似事务，要么一起成功，要么一起失败，如果你需要，我可以告诉你怎么改，请联系我

丶?之灬无痕0
2020/3/4 22:45:09
非常感谢。请问怎么联系你呢？

丶?之灬无痕0
2020/3/5 20:09:08
你好，在吗？可以教教我怎么更改下，可以达到我那样的需求吗？谢谢了，期待回复，

葬梦0
2020/3/4 22:22:39
有地址：https://pan.baidu.com/s/1fIldjQ4XYluXGmCib9Ty5g
如果需要进行spring boot的，请联系我

葬梦1
2019/9/9 9:32:51
使用: wfu.resultData
这个resultData就是你返回的数据

上传文件之后保存后如何清空已经上传的文件呢？
文档中有
删除回显的文件:

wfu.removeShowFileItem(fileId); // fileId指文件的Id

这个fileId我上传文件之后如何获取呢？

葬梦1
2019/8/26 15:08:07
移除的话，只能全部移除，但是回显示的不会移除，举个例子你上传了三个文件a,b,c，然后后台返回给你三个文件信息，id分别为1，2，3，这时候你可以清除上传的a,b,c三个文件，显示id 为1，2，3的文件，之后如果想删除其中的一个文件，比如id=3的文件，那么请求后台后，若是后台成功删除，则通过wfu.removeShowFileItem(3);删除这个文件

还是添加表单其他参数的问题!

let wfu = new WpFileUpload("fileUploadContent");
wfu.initUpload({
    "uploadUrl": "${pageContext.request.contextPath}/product/fileUpload3.do", //上传文件信息地址
    "progressUrl": "${pageContext.request.contextPath}/product/getStatus.do", //获取进度信息地址，可选，注意需要返回的data格式如下（{bytesRead: 102516060, contentLength: 102516060, items: 1, percent: 100, startTime: 1489223136317, useTime: 2767}）
    "scheduleStandard": false,
    "beforeUpload": function() {
        var formData = wfu.getFormData("f1");
        wfu.otherData = formData;
    }
});
//单击上传图片
function shang() {
    wfu.upload();
}

beforeUpload 这个方法中给otherData 赋值, f1表单的数据不能提交呀!

葬梦1
2019/8/26 15:09:31
可以提交，但是注意下格式，还有有些情况，不是真正的h5控件需要自己取值封装响应的格式给otherData

葬梦0
2020/3/4 22:20:43
可以一起上传，otherParam 就是存放其它参数的地方

葬梦1
2019/8/20 17:19:03
otherData是上传的时候你需要传其它参数的时候才会用到的，如果你需要获取，wfu.otherData获取，但是一般情况为null，空，因为你没有设置

丶?之灬无痕0
2020/3/3 23:37:11
请问你这个问题解决了吗？我刚下载测试也出现这样的问题，文件全部上传上去了，但是只有两张图显示对勾，总进度总是卡在60%那里不动了。

葬梦1
2019/8/14 16:37:53
检车下：
1、回显功能是否做了？
2、回显的时候是否允许删除，有个参数需要配置

Edgar-cn0
2019/8/14 20:37:36
找到原因了是我的iconfont.css的名字写错了，问一下，上传两张图片总进度条卡到中间，第一张图片的进度条正常，第二张图片卡到一半多，而且删除和对勾图标均没有出现是什么原因了，后台文件上传上去了