```
上传文件的代码
//背景图编辑
function clickEdictBg(ele) {
$("#ModalImg").prop("src", $(ele).attr("src"));
UpImg(ele);
}function clickEdict(ele) {
$(ele).siblings('div').removeClass('clickEdict-border').find('.clickEdict').css('display', 'none');
$(ele).toggleClass('clickEdict-border').find('.clickEdict').toggle();
if ($(ele).hasClass('clickEdict-border')) {
$(ele).attr('title', '再次点击可取消编辑');
}
else {
$(ele).attr('title', '点击可编辑');
}
}
function changeIMG(ele) {
$("#ModalImg").prop("src", $(ele).next().attr("src"));
UpImg($(ele).next());
}
function changeIMG_2(ele) {
$("#ModalImg").prop("src", $(ele).next().children().attr("src"));
UpImg($(ele).next().children());
}
function changeEggsIMG(ele) {
$("#ModalImg").prop("src", $(ele).next().find("img").attr("src"));
UpImg($(ele).next().find("img"));
}
//界面上传图片
var uploader110;
function UpImg(el) {
if (!uploader110) {
uploader110 = WebUploader.create({
// swf文件路径
swf: '~/Scripts/WebUploader/Uploader.swf',
// 文件接收服务端。
server: '/DBH/UploadImgToOSS_DataName',
// 选择文件的按钮。可选。
// 内部根据当前运行是创建,可能是input元素,也可能是flash.
pick: {
id: '#lak',
//id: selector,
multiple: false
},
accept: {
title: '图片',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
},
threads: 1, //上传并发数
disableGlobalDnd: true,
});
uploader110.on('uploadError', function (file, r) {
$.L.msgWarning("上传出错!");
});
uploader110.on('error', function (r) {
$.L.msgError("格式有误,请上传图片文件!");
})
uploader110.on('uploadComplete', function (file) {
$('#' + file.id).remove();
});
}
for (var i = 0; i < uploader110._events.length; i++) {
var _event_temp = uploader110._events[i];
if (_event_temp) {
if (_event_temp.e == "fileQueued" ||
_event_temp.e == "uploadProgress" ||
_event_temp.e == "uploadSuccess") {
uploader110._events.splice(i, 1);
i--;
}
}
}
// 当有文件被添加进队列的时候
uploader110.on('fileQueued', function (file) {
$('#showImg').append('<div id="' + file.id + '" >' +
'<p class="state">等待上传...</p>' +
'</div>');
uploader110.upload();
}); // 文件上传过程中创建进度条实时显示。
uploader110.on('uploadProgress', function (file, percentage) {
var $li = $('#' + file.id),
$percent = $li.find('.progress .progress-bar');
// 避免重复创建
if (!$percent.length) {
$percent = $('<div class="progress progress-striped active">' +
'<div class="progress-bar" role="progressbar" style="width: 0%">' +
'</div>' +
'</div>').appendTo($li).find('.progress-bar');
}
$li.find('p.state').text('上传中');
$percent.css('width', percentage * 100 + '%');
}); uploader110.on('uploadSuccess', function (file, response) {
$('#ModalImg').attr('src', response._raw);
$('.clickEdict-border').removeClass('clickEdict-border').find('.clickEdict').css('display', 'none');
$(el).attr("src", response._raw);
if ($(el).attr('id') == 'companyLogo') {
$('#LogoImgUrl').attr("src", response._raw);
}
if ($(el).attr('id') == 'PublicCode') {
$('#Upload_WXCodeImgUrl').attr("src", response._raw);
}
$.L.msgSuccess('上传成功!');
});
}
```
上传文件的代码
//背景图编辑
function clickEdictBg(ele) {
$("#ModalImg").prop("src", $(ele).attr("src"));
UpImg(ele);
}function clickEdict(ele) {
$(ele).siblings('div').removeClass('clickEdict-border').find('.clickEdict').css('display', 'none');
$(ele).toggleClass('clickEdict-border').find('.clickEdict').toggle();
if ($(ele).hasClass('clickEdict-border')) {
$(ele).attr('title', '再次点击可取消编辑');
}
else {
$(ele).attr('title', '点击可编辑');
}
}
function changeIMG(ele) {
$("#ModalImg").prop("src", $(ele).next().attr("src"));
UpImg($(ele).next());
}
function changeIMG_2(ele) {
$("#ModalImg").prop("src", $(ele).next().children().attr("src"));
UpImg($(ele).next().children());
}
function changeEggsIMG(ele) {
$("#ModalImg").prop("src", $(ele).next().find("img").attr("src"));
UpImg($(ele).next().find("img"));
}
//界面上传图片
var uploader110;
function UpImg(el) {
if (!uploader110) {
uploader110 = WebUploader.create({
// swf文件路径
swf: '~/Scripts/WebUploader/Uploader.swf',
// 文件接收服务端。
server: '/DBH/UploadImgToOSS_DataName',
// 选择文件的按钮。可选。
// 内部根据当前运行是创建,可能是input元素,也可能是flash.
pick: {
id: '#lak',
//id: selector,
multiple: false
},
accept: {
title: '图片',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png'
},
threads: 1, //上传并发数
disableGlobalDnd: true,
});
uploader110.on('uploadError', function (file, r) {
$.L.msgWarning("上传出错!");
});
uploader110.on('error', function (r) {
$.L.msgError("格式有误,请上传图片文件!");
})
uploader110.on('uploadComplete', function (file) {
$('#' + file.id).remove();
});
}
for (var i = 0; i < uploader110._events.length; i++) {
var _event_temp = uploader110._events[i];
if (_event_temp) {
if (_event_temp.e == "fileQueued" ||
_event_temp.e == "uploadProgress" ||
_event_temp.e == "uploadSuccess") {
uploader110._events.splice(i, 1);
i--;
}
}
}
// 当有文件被添加进队列的时候
uploader110.on('fileQueued', function (file) {
$('#showImg').append('<div id="' + file.id + '" >' +
'<p class="state">等待上传...</p>' +
'</div>');
uploader110.upload();
}); // 文件上传过程中创建进度条实时显示。
uploader110.on('uploadProgress', function (file, percentage) {
var $li = $('#' + file.id),
$percent = $li.find('.progress .progress-bar');
// 避免重复创建
if (!$percent.length) {
$percent = $('<div class="progress progress-striped active">' +
'<div class="progress-bar" role="progressbar" style="width: 0%">' +
'</div>' +
'</div>').appendTo($li).find('.progress-bar');
}
$li.find('p.state').text('上传中');
$percent.css('width', percentage * 100 + '%');
}); uploader110.on('uploadSuccess', function (file, response) {
$('#ModalImg').attr('src', response._raw);
$('.clickEdict-border').removeClass('clickEdict-border').find('.clickEdict').css('display', 'none');
$(el).attr("src", response._raw);
if ($(el).attr('id') == 'companyLogo') {
$('#LogoImgUrl').attr("src", response._raw);
}
if ($(el).attr('id') == 'PublicCode') {
$('#Upload_WXCodeImgUrl').attr("src", response._raw);
}
$.L.msgSuccess('上传成功!');
});
}
```
解决方案 »
- 【求教】为什么javascript里数字太大后运算 不再准确
- JQUERY table 获取td优化问题
- 请问js页面间参数传递
- 谁能帮忙看下这个js控制的radio放在<form>里竟然就没用
- 在文本框(input)中输入内容,所有select消失(隐藏)
- 如何给TextArea加横向的滚动条?
- 一个页面包含两个帧,在一个脚本事件里如何实现先将每个帧的页面转载完在继续后边的程序
- 我想请问为什么在SCRIPT56.chm的参考手册里面找不到window,document等对象?
- 一个链接是媒体文件(*.mov),但是单击后,却以文本文件打开,全是乱码。怎样解决?
- 请教:判断IE浏览器版本低于10
- js 向select动态添加option,已添加,但网页不显示
- 请教下,类似于淘宝的搜索关键词之后 下面自动生成与关键词相关的联想词筛选 是怎么做到的?
事件没有,你看看生成的input 位置 是不是与你的 #lak 按钮位置有了偏移