http://fex.baidu.com/webuploader/
官方DEMO,我都不想说了,各种问题。参考ShuaiBi文章
http://www.cnblogs.com/ismars/p/4176912.html
用了bootstrap 代码百度网盘地址:http://pan.baidu.com/s/1pJkj9wf
自己参照改改就好了。
//所有文件上传完毕
uploader.on("uploadAccept", function (file, response) {
//console.info(file)
//console.info(response.filePath)
//----给头像赋值----
$("#EditForm input[name='Header_Ico']").val("http://" + window.location.host + response.filePath);
//提交表单
//if (hasError) {
// // 通过return false来告诉组件,此文件上传有错。
// return false;
//}
});
为了页面不刷新,我只有采用这个手段了,JS渣的说。
//开始上传
$("#ctlBtn").click(function () {
console.info(uploader)
uploader.upload();
return false;//页面不刷新
});
问题1:
$(…).live("mouseout", function () not a function
<script src="~/Scripts/jquery.min.js"></script>
改为
<script src="~/Scripts/jquery-1.8.2.js"></script>
问题2:
上传3张图片,组成格式
中间以“,”隔开
p://localhost:28278/Upload/4039280d9d604a7dbdf85f3282d509a7.png,http://localhost:28278/Upload/120a5587e8bc43449c5ca13142145b05.png
代码:
// 文件上传成功,给item添加成功class, 用样式标记上传成功。 uploader.on('uploadSuccess', function (file, response) { console.info(uploader.getStats()) var temp = "http://" + window.location.host + response.filePath; //判断uploader.getStats().successNum状态(在uploadSuccess) if (uploader.getStats().successNum == 1) { //console.info(0) $("#EditForm input[name='photourl']").val(temp); } else { //console.info(1) $("#EditForm input[name='photourl']").val($("#EditForm input[name='photourl']").val() + "," + temp); } $('#' + file.id).addClass('upload-state-done'); });