/**
* @file 图搜模块，会被异步加载
* @author wukaifang(wukaifang@baidu.com)
**/
/* global s_session swfobject*/
/* eslint-disable fecs-camelcase*/
(function () {
// 框升级2.0 图搜升级样式
var samNewBox = bds && bds.comm && bds.comm.samNewBox;
var os = navigator.platform.toUpperCase();
var uploadServer = '//graph.baidu.com/upload';
var isMac = os.indexOf('MAC') !== -1;
var $input, $namespace;
// 区分新旧框的选择器，新框使用main-ipt，旧框使用kw
if ($('#main-ipt').length > 0) {
$input = $('#main-ipt');
$namespace = $('#main-wrapper').parent();
} else {
$input = $('#kw');
$namespace = $('#form').parent();
}
// 命中小流量使用抽样样式
var linkUrl = samNewBox ? 'http://pss.bdstatic.com/r/www/cache/static/soutu/css/soutu_new_sam_a6c95ec.css' : 'http://pss.bdstatic.com/r/www/cache/static/soutu/css/soutu_new2_baa2298.css';
var MAXSIZE = 1024 * 1024 * 10; // 10M
var compressOpt = {
// 压缩后图片的长边
maxLen: 800,
// width * height 限制
// 压缩后的图片数据类型，0:二进制, 1:base64
compressType: 0
};
// 反作弊玉门关相关的变量
var sdkPromise = null;
var sid = '2033';
var customCode = '601';
var TimeoutMilliseconds = 5000;
var instance = null;
function debounce(func, delay) {
var timer = null;
return function (...args) {
var context = this;
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(function () {
func.apply(context, args);
}, delay);
};
}
var ERROR_MSG = {
1: '该格式暂不支持',
2: '图片上传失败',
3: '抱歉，您上传的文件太大'
};
var timer = null;
var lib = {
// 判断是不是动态webp
isAnimatedWebp: function (file) {
function WebPBuffer(arrayBuffer) {
this.data = new Uint8Array(arrayBuffer);
}
WebPBuffer.prototype.read = function (start, end) {
var str = '';
for (var i = start; i < end; i++) {
str += String.fromCharCode(this.data[i]);
}
return str;
}
return new Promise((resolve, reject) => {
try {
var reader = new FileReader();
reader.onload = () => {
var buffer = new WebPBuffer(reader.result);
var result = ['VP8 ', 'VP8X'].includes(buffer.read(12, 16))
&& buffer.read(30, 34) === 'ANIM';
resolve(result);
};
reader.onerror = () => reject(reader.error);
reader.readAsArrayBuffer(file);
}
catch(e) {
reject(e);
}
});
},
// ubc日志，公共的ubclog模块有很多公参用不到，这里重新声明一个
sendUbcLog: function (type, value, ext) {
var baseConfig = {
version: '2.0',
page: bds.comm.ishome ? 'home' : 'result',
from: 'search',
queryParams: {
appname: 'pcsearch'
},
useSendBeacon: 1
};
var ubcid = '19348';
require(['@baidu/ubc-report-sdk/dist/ubc-web-sdk.umd.min'], function (ubc) {
var namespace = `${ubcid}.init`;
ubc(namespace, ubcid, baseConfig);
ubc(ubcid + '.event', {
type,
value,
ext: ext || {}
})
});
},
// 检查并转换base64图片
checkForBase64Image: function (text) {
try {
text = text.trim();
// 检查是否是base64编码的图片
var base64Regex = /^data:image\/(png|jpeg|jpg|gif|webp);base64,([A-Za-z0-9+/=]*)$/;
var base64Match = text.match(base64Regex);
var isBase64 = base64Match;
return !!isBase64;
}
catch (e) {
return false;
}
},
base64ToFile: function (base64String) {
try {
var base64Regex = /^data:(.*?);base64,/;
var base64Data = base64String.replace(base64Regex, '');
var mimeType = base64String.match(base64Regex)[1];
var byteCharacters = atob(base64Data); // Decode Base64 string
var byteNumbers = new Array(byteCharacters.length);
for (var i = 0; i < byteCharacters.length; i++) {
byteNumbers[i] = byteCharacters.charCodeAt(i);
}
var byteArray = new Uint8Array(byteNumbers);
var blob = new Blob([byteArray], { type: mimeType });
return new File([blob], 'filename.' + mimeType.replace('image/', ''), { type: mimeType });
}
catch(e) {
return null;
}
},
getEnv: function () {
if (bds && bds.comm) {
if (bds.comm.ishome && bds.comm.newindex) {
return 'newindex';
}
else if (bds.comm.ishome) {
return 'index';
}
else if (/^\/imgsearch/.test(location.pathname)) {
return 'imgresult';
}
}
return 'result';
},
// 判断是否支持语音，不支持语音，mac下不出语音icon
supportVoice: function () {
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia
|| navigator.webkitGetUserMedia
|| navigator.mozGetUserMedia
|| navigator.msGetUserMedia;
window.AudioContext = window.AudioContext || window.webkitAudioContext;
// 基本上，只支持新版的chrome和ff
if (!navigator.getUserMedia || !window.URL) {
return false;
}
if (!window.AudioContext) {
return false;
}
if (!window.Worker) {
return false;
}
if (!swfobject.hasFlashPlayerVersion('11.1.0')) {
return false;
}
return true;
},
parseQuery: function () {
var queryStr = window.location.search.substr(1);
var obj = {};
var params = queryStr.substring(queryStr.indexOf('?') + 1, queryStr.length).split('&');
for (var i = 0; i < params.length; i++) {
var param = params[i];
var kv = param.split('=');
if (kv[0]) {
obj[kv[0]] = decodeURIComponent(kv[1]);
}
}
return obj;
},
getQuery: function (name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return (r[2]);
}
return null;
},
isURL: function (val) {
return (/^(((http[s]?:\/\/)|(ftp:\/\/))?([\w-]+\.)+(com|edu|gov|int|mil|net|org|biz|info|pro|name|museum|coop|aero|xxx|idv|al|dz|af|ar|ae|aw|om|az|eg|et|ie|ee|ad|ao|ai|ag|at|au|mo|bb|pg|bs|pk|py|ps|bh|pa|br|by|bm|bg|mp|bj|be|is|pr|ba|pl|bo|bz|bw|bt|bf|bi|bv|kp|gq|dk|de|tl|tp|tg|dm|do|ru|ec|er|fr|fo|pf|gf|tf|va|ph|fj|fi|cv|fk|gm|cg|cd|co|cr|gg|gd|gl|ge|cu|gp|gu|gy|kz|ht|kr|nl|an|hm|hn|ki|dj|kg|gn|gw|ca|gh|ga|kh|cz|zw|cm|qa|ky|km|ci|kw|cc|hr|ke|ck|lv|ls|la|lb|lt|lr|ly|li|re|lu|rw|ro|mg|im|mv|mt|mw|my|ml|mk|mh|mq|yt|mu|mr|us|um|as|vi|mn|ms|bd|pe|fm|mm|md|ma|mc|mz|mx|nr|np|ni|ne|ng|nu|no|nf|na|za|zq|aq|gs|eu|pw|pn|pt|jp|se|ch|sv|ws|yu|sl|sn|cy|sc|sa|cx|st|sh|kn|lc|sm|pm|vc|lk|sk|si|sj|sz|sd|sr|sb|so|tj|tw|th|tz|to|tc|tt|tn|tv|tr|tm|tk|wf|vu|gt|ve|bn|ug|ua|uy|uz|es|eh|gr|hk|sg|nc|nz|hu|sy|jm|am|ac|ye|iq|ir|il|it|in|id|uk|vg|io|jo|vn|zm|je|td|gi|cl|cf|cn)(:\d+)?(\/[^\s]*)?)$/).test(val);
},
blobtoBase64: function (blob, callback) {
// 使用 FileReader
var fr = new FileReader();
fr.onload = function () {
callback(this.result);
};
fr.onerror = function (err) {
callback();
};
fr.readAsDataURL(blob);
},
sendLog: function (obj) {
var urlMatches = location.href.match(/sign=(\w{32})\b/);
var sign = urlMatches && urlMatches[1] || '';
obj.sign = sign;
obj.fm = 'inlo';
if (obj.rsv_imageclick) {
obj.rsv_imageclick = lib.getEnv() + '_' + obj.rsv_imageclick;
}
if (window.soutu_mixsearch) {
obj.rsv_imagemix = 1;
}
window.ns_c(obj);
},
loadScript: function (src) {
var script = document.createElement('script');
script.async = true;
script.setAttribute('charset', 'UTF-8');
script.src = src;
document.getElementsByTagName('head')[0].appendChild(script);
},
loadScriptPromise: function(src) {
return new Promise(function (resolve) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.onload = script.onreadystatechange = function () {
if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
resolve();
}
};
script.onerror = function() {
resolve();
};
script.src = src;
document.getElementsByTagName('head')[0].appendChild(script);
});
}
};
var template = {
graphIconHtml: function () {
return samNewBox ? '' : '';
},
hoverTipHtml: function () {
// 框升级2.0 tips样式升级
return samNewBox ? '图片搜索' : '按图片搜索';
},
wrapHtml: function () {
var isNewInput = $('#main-ipt').length > 0;
var btnText = isNewInput ? '' : '百度一下';
var soutuLayerStyle = isNewInput ? 'style=width:100%' : ''
var uploadHtml = '上传图片';
// 框升级2.0 搜图按钮样式升级
var urlBtnHtml = samNewBox ? '' + btnText + '' : '' + btnText + '';
var closeHtml = '';
var samUrlWrapClass = samNewBox ? 'sam_url_wrap ' : '';
var samUrlKwClass = samNewBox ? 'sam_url_kw ' : '';
var soutuHtml = ''
+ ''
+ '
'
+ ''
+ ''
+ ''
+ ''
+ ''
+ ''
+ urlBtnHtml
+ '请输入正确的图片网址'
+ '
'
+ '
'
+ '
'
+ '拖拽、Ctrl + V 粘贴图片至此'
+ ''
+ '
'
+ '
'
+ ''
+ ''
+ '本地上传图片'
+ uploadHtml
+ '
'
+ '
'
+ '
'
+ closeHtml
+ '
'
+ '
'
+ ''
+ ''
+ '请输入正确的图片网址'
+ ''
+ urlBtnHtml
+ '
'
+ '
'
+ '
'
+ '拖拽图片到这里'
+ ''
+ '
'
+ '
'
+ ''
+ ''
+ '本地上传图片'
+ uploadHtml
+ '
'
+ '
'
+ '
'
+ closeHtml
+ '
请使用10M以内图片，支持格式：jpg、jpeg、png、gif、bmp、webp、tif、tiff、avif、heic、heif
' : '';
var cl = hastip ? ' soutu-error-hastip' : '';
return ''
+ ''
+ '
'
+ '' + msg
+ '，请重新上传'
+ '
'
+ errorTips
+ '
',
'
',
'
',
'
',
'
',
'
' + data.text + '
',
'
',
'
',
'
',
'
查看搜索结果',
'
将打开新窗口展示搜索结果';
var player = window.player;
if (player && player.config && player.config.play.on) {
text = '您正在听音乐，为了不打扰您继续听音乐，
将打开新窗口查看搜索结果';
}
if (!$.isString(me.uploadObj)) {
lib.blobtoBase64(me.uploadObj, function (dataurl) {
me.setState('newTabTip', {
text: text,
imgUrl: dataurl,
url: url
});
});
}
else {
me.setState('newTabTip', {
text: text,
imgUrl: me.uploadObj,
url: url
});
}
}
else {
location.href = url;
me.close();
}
},
validate: function (file) {
var allow = ['jpg', 'jpeg', 'png', 'bmp', 'gif', 'webp', 'tif', 'tiff', 'avif', 'heic', 'heif'];
var arr = file && file.type && file.type.split('/') || [];
var ext = arr.pop().toLowerCase();
var me = this;
me.imageType = ext;
if (file.type === 'image/heic' || file.type === 'image/heif') {
me.imageType = file.type.indexOf('heic') > -1 ? 'heic' : 'heif';
}
if (!file.type || !ext || $.inArray(ext, allow) === -1) {
return 1;
}
if (file.size > MAXSIZE) {
return 3;
}
return 0;
},
doAjax: function (data, acsTokenOrErrorCode) {
var me = this;
if (this.state !== 'waiting') {
this.setState('waiting');
}
$.ajax({
url: uploadServer,
type: 'POST',
data: data,
// 必须false才会避开jQuery对 formdata 的默认处理
// XMLHttpRequest会对 formdata 进行正确的处理
processData: false,
// 必须false才会自动加上正确的Content-Type
contentType: false,
headers: {
'Acs-Token': acsTokenOrErrorCode
},
success: function (e) {
me.uploadComplete(e);
},
error: function () {
me.setState('error');
},
always: function () {}
});
},
uploadUrl: function (url) {
var me = this;
me.uploadObj = url;
// var query = [
// 'queryImageUrl=' + encodeURIComponent(url),
// 'uptype=urlsearch'
// ].join('&');
this.log({
rsv_imageclick: 'uploadurl'
});
me.upload(url, 'PC_UPLOAD_SEARCH_URL');
// setTimeout(function () {
// me.openResutlPage('http://image.baidu.com/n/pc_search?' + query);
// }, 10);
},
upload: function (file, source) {
var me = this;
if (source !== 'PC_UPLOAD_SEARCH_URL') {
var statusCode = me.validate(file);
if (statusCode) {
me.setState('error', {
msg: ERROR_MSG[statusCode],
status: statusCode
});
lib.sendUbcLog('info', 'upload', {
imageType: me.imageType,
uploadType: me.uploadType
});
return;
}
me.log({
rsv_imageclick: 'uploadfile'
});
if (file.type === 'image/webp') {
lib.isAnimatedWebp(file).then(res => {
var ext = {uploadType: me.uploadType, imageType: ''}
if (res) {
ext.imageType = 'animated_webp';
}
lib.sendUbcLog('info', 'upload', ext);
})
}
else {
lib.sendUbcLog('info', 'upload', {uploadType: me.uploadType, imageType: me.imageType});
}
// 以下格式不支持压缩，直接用源文件发起请求
const notCompress = ['image/tif', 'image/tiff', 'image/heic', 'image/heif', 'image/avif'];
if (notCompress.includes(file.type)) {
me.uploadProcess(file, source);
return;
}
require(['image-compress-browser'], function(compressImage) {
compressImage(file, function (newFile, isCompressed) {
me.uploadObj = newFile;
me.$urlInput.val('');
me.uploadProcess(newFile, source);
}, compressOpt);
});
}
else {
me.uploadProcess(file, source);
}
},
uploadProcess(file, source) {
var me = this;
var sdkTimer = null;
var timeourActive = false;
me.setState('waiting');
var page = window.pageState === 0 ? '{"page_from": "searchIndex"}' : ' {"page_from": "searchResult"}';
var formData = new FormData();
formData.append('image', file);
formData.append('tn', 'pc');
formData.append('from', 'pc');
formData.append('image_source', source);
formData.append('range', page);
formData.append('sdkParams', me.shituSdkParams || '');
if (file && file.type) {
const imgType = file.type;
const imageType = imgType.split('/')[1];
formData.append('imageType', imageType);
}
if (sdkPromise) {
sdkPromise.then(function (instance) {
// 如果sdk加载失败，直接发送请求，带上自定义错误码
if (!instance) {
me.doAjax(formData, customCode);
return;
}
// 为了防止getAcsTokenWithAbcliteActiveReport超时
// 做一个超时处理逻辑
sdkTimer = setTimeout(() => {
clearTimeout(sdkTimer);
timeourActive = true;
me.doAjax(formData, customCode);
}, TimeoutMilliseconds);
instance.getAcsTokenWithAbcliteActiveReport({
subid: 'www_pc'
}, function(acsTokenOrErrorCode) {
if (timeourActive) {
timeourActive = false;
return;
}
// 没有超时的情况下，清除定时器并发送请求
sdkTimer && clearTimeout(sdkTimer);
sdkTimer = null;
me.doAjax(formData, acsTokenOrErrorCode);
});
});
return;
}
me.doAjax(formData, customCode);
},
uploadComplete: function (res) {
var me = this;
if (res.status === 0) {
lib.sendUbcLog('info', 'upload_success', {uploadType: me.uploadType, imageType: me.imageType});
setTimeout(function () {
window.location.href = res.data.url;
}, 30);
}
else {
me.setState('error');
}
},
antispam: function (url) {
var me = this;
if (!me.shituSdkParams) {
// 安全部门要求子渠道（必须）http://wiki.baidu.com/pages/viewpage.action?pageId=773880935
window['__abbaidu_2033_subidgetf'] = function () {
return 'www_pc';
};
// 处理上报返回数据
// 引入加签脚本之后，该种方法废除，暂时注释
// window['__abbaidu_2033_cb'] = function (responseData) {
// me.shituSdkParams = responseData;
// };
// 接入百度识瞳 识别爬虫流量保护自有的数据
lib.loadScript('https://dlswbr.baidu.com/heicha/mw/abclite-2033-s.js');
}
},
log: lib.sendLog
};
soutu.init();
if (typeof define === 'function') {
// define('soutuIndex', [], function () {
define('soutu/js/tu', ['require'], function (require) {
return soutu;
});
}
})();
/* eslint-enable fecs-camelcase*/