‘壹’ js中执行自定义函数且传参数
这么高的分这么简单的问题都没人回答!
你的问题不是出在这里吧
你的IMG_up(sender)这个参数sender是干啥用的
经测试,以下代码通过:
<script>
function IMGups(src){document.getElementById('IMGup').src=src;}
function IMG_up(sender){
//执行代码,并在这段代码中获得一个图片地址
var src="sss.jpg";//sss.jpg是变量,不一定是sss.jpg
IMGups(src);// 现在我要将原图改变为这个图片,但是这样运行不行的,而IMGups('src'); //这样传的确实 src 这个文本,不是得到的图片的只,请问如何解决呢。
}
</script>
<img src="aaa.jpg" id="IMGup"/>
<a href="javascript:void(0);" onclick=IMG_up("abcdefg");>看看</a>
以上写的还不规范
<a href="javascript:void(0);" onclick="IMG_up('abcdefg');">看看</a>
这样是规范写法
‘贰’ 我一个图片上传到数据库的程序,但是每次上传的图片都会覆盖上次上传的图片,数据库:id image uid
再建一个表,表里最少三个字段就行了,一个ID主键,一个UID对应另一个表里的UID,然后一字段保存图片。每次上伟图片从往里面插入一条数据就行了。
查询的时候根据UID查询。删除则根据ID删除。
‘叁’ QQ空间变换皮肤
上传文档代码是:
<script language="javascript"> var adImg = new Array();var preImgs = new Array(); var cID = 0; adImg[0] = "图片地址1";adImg[1] = "图片地址2"; adImg[2] = "图片地址3";adImg[3] = "图片地址4";adImg[4] = "图片地址5";adImg[5] = "图片地址6";adImg[6] = "图片地址7";var preImgs = new Array(); for(i=0;i<7;i++) { preImgs = new Image(); preImgs.src = adImg; } function NextAd() { if(cID == 7)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnvalue = true; } function Go2Url() { window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnvalue;" href="javascript:Go2Url();">
<img name="imgAD" style="FILTER: revealTrans(ration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0" width="1024" height="768" hspace="0">
‘肆’ 百度编辑器UEditor怎么在jsp中配置
<script type="text/javascript" src="js/ueditor1.2.6.1/ueditor.config.js"></script>
<script type="text/javascript" src="'js/ueditor1.2.6.1/ueditor.all.js"></script>
引入上面这两个js ,下面一个css
<link rel="stylesheet" type="text/css" href="js/ueditor1.2.6.1/themes/default/css/ueditor.css'/>">
引入jquery
<script src="/js/jquery.js"></script>
下面是初始化的一些参数,可以在config里面配置,也可以在页面自己配置
var contextPath="${pageContext.request.contextPath}";
var langPath=contextPath+"/js/ueditor1.2.6.1/lang/";
var jspPath=contextPath+"/admin/ueditorjsp";
var imageUrl=jspPath+"/imageUp.jsp"; //图片上传提交地址
var scrawlUrl=jspPath+"/scrawlUp.jsp"; //涂鸦上传地址
//附件上传配置区
var fileUrl=jspPath+"/fileUp.jsp"; //附件上传提交地址
//远程抓取配置区
var catcherUrl=jspPath+"/getRemoteImage.jsp"; //处理远程图片抓取的地址
//图片在线管理配置区
var imageManagerUrl=jspPath+"/imageManager.jsp"; //图片在线管理的处理地址
//屏幕截图配置区
var snapscreenHost= '127.0.0.1' ; //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
var snapscreenServerUrl= jspPath+"/imageUp.jsp"; //屏幕截图的server端保存程序,UEditor的范例代码为“URL +"server/upload/php/snapImgUp.php"”
//word转存配置区
var wordImageUrl=jspPath+"/imageUp.jsp" ; //word转存提交地址
//获取视频数据的地址
var getMovieUrl=jspPath+"/getMovie.jsp";
var imagePath='${fileViewUrl}';
var editorHomeUrl=contextPath+"/js/ueditor1.2.6.1/";
var initialStyle='body{font-size:14px;font-family:宋体;line-height:32px;}';
var localDomain=['${fileViewUrl}'];
$(function(){
editor = new UE.ui.Editor({
UEDITOR_HOME_URL : editorHomeUrl,
initialFrameHeight: 400,
enterTag:'p',
pasteplain:false,
initialStyle:initialStyle,
sourceEditorFirst:false,
autoFloatEnabled:false,
wordCount:false,
langPath:langPath,
imageUrl:imageUrl,
scrawlUrl:scrawlUrl,
fileUrl:fileUrl,
catcherUrl:catcherUrl,
localDomain:localDomain,
imageManagerUrl:imageManagerUrl,
snapscreenHost:snapscreenHost,
snapscreenServerUrl:snapscreenServerUrl,
wordImageUrl:wordImageUrl,
getMovieUrl:getMovieUrl,
scaleEnabled:true //高度不可改变,内容太多会出现滚动条
});
editor.render('articleContent');//里面是要渲染的元素id
})
‘伍’ 前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容
在线文档对UEditor说明不够全面,收集了一些常用的方法和基本设置,以供参考。
1、创建编辑器
UE.getEditor('editor', {
initialFrameWidth:"100%" //初始化选项
})
精简版
UE.getEditor('editor')
2、删除编辑器
UE.getEditor('editor').destroy();
3、设置焦点
UE.getEditor('editor').focus();
4、获取编辑器内容
UE.getEditor('editor').getContent()
5、编辑器是否有内容
UE.getEditor('editor').hasContents()
6、获取编辑器内容纯文本格式
UE.getEditor('editor').getContentTxt()
7、获取带格式的纯文本
UE.getEditor('editor').getPlainTxt()
8、启用编辑器
UE.getEditor('editor').setEnabled();
9、禁止编辑
UE.getEditor('editor').setDisabled('fullscreen');
10、获取整个html内容
UE.getEditor('editor').getAllHtml()
11、常用设置
imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //图片上传接口
imagePath:"http://",
scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//涂鸦接口
scrawlPath:"http://",
fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上传接口
filePath:"http://",
catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//获取远程图片接口
catcherPath:UEDITOR_HOME_URL + "php/",
imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//图片管理接口
imageManagerPath:"http://",
snapscreenHost:'ueditor..com',
snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截图接口
snapscreenPath:"http://",
wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word图片转存接口
wordImagePath:"http://", //
getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//获取视频接口
lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
langPath:UEDITOR_HOME_URL + "lang/",
webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
initialFrameWidth:860, //初始化宽度
initialFrameHeight:420, //初始化高度
focus:true //是否焦点
‘陆’ 前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字,图片内容
UE.getPlainTxt() 可获取到编辑器中的纯文本内容,有段落格式
UE.getContentTxt() 可获取到编辑器中的纯文本内容,没有段落格式;
ueditor 没有提供直接获取图片的功能,可以UE.getContent() 获取全部内容,使用正则表达式 筛选出图片,我提供一个使用JAVA写的筛选方法,前台js代码类似:
Patternp_img=Pattern.compile("(<img[^>]+src\s*=\s*['"]([^'"]+)['"][^>]*>)");
Matcherm_img=p_img.matcher(content);
while(m_img.find()){
Stringimg=m_img.group(1);//m_img.group(1)为获得整个img标签m_img.group(2)为获得src的值
}
可以打开ueditor.all.min.js 查看,里面有所有支持的方法 注释也都很明白
‘柒’ H5+APP混合开发上传图片
mui.init()
var page=null;
page={
imgUp:function(){
plus.nativeUI.actionSheet({cancel:"取消",buttons:[
{title:"拍照"},
{title:"从相册中选择"}
]}, function(e){//1 是拍照 2 从相册中选择
switch(e.index){
case 1:appendByCamera();break;
case 2:appendByGallery();break;
}
});
}
function appendByCamera(){
// 拍照上传图片,调用摄像头
plus.camera.getCamera().captureImage(function(e){
plus.io.resolveLocalFileSystemURL(e, function(entry) {
// 将路径转为网络路径进行图片预览
var path = entry.toRemoteURL();
document.getElementById('preview').src = path
$('.previewimage')[0].style.display = 'block'
$('.imageBox')[0].style.display = 'none'
}, function(e) {
mui.toast("读取拍照文件错误:" + e.message);
});
});
}
// 从相册选取文件
function appendByGallery(){
plus.gallery.pick(function(e){
// 将本地路径转为相对路径,然后再将相对路径转为网络路径,进行图片的预览
plus.io.resolveLocalFileSystemURL(plus.io.convertLocalFileSystemURL(e), function(entry) {
var path = entry.toRemoteURL();
document.getElementById('preview').src = path
$('.previewimage')[0].style.display = 'block'
$('.imageBox')[0].style.display = 'none'
}, function(e) {
mui.toast("读取拍照文件错误:" + e.message);
});
});
}
var ImgList = []
function getfiles() {
var imageurl = document.getElementById("preview").src
var p = new Promise(function (resolve, reject) {
// 将网络路径转为本地的路径,再将本地的路径转为file
plus.io.resolveLocalFileSystemURL( plus.io.convertLocalFileSystemURL(imageurl), function( entry ) {
// 可通过entry对象操作文件
entry.file( function(file){
ImgList.push(file)
resolve(ImgList[0])
});
}, function ( e ) {
alert( "Resolve file URL failed: " + e.message );
})
})
return p
}
// 调用转换路径的函数
getfiles()
// 等待转化完成进行上传
.then(res =>{
// 上传的地址
// plus.uploader.createUpload('url',{},function(){})
// 只能是http://或者是https://开头的地址,{}上传的方式,function(){} 回调函数
var task = plus.uploader.createUpload( "url",
{ method:"POST"},
function ( t, status ) {
// 上传完成
if ( status == 200 ) {
// 图片上传完成,可进行下一步的操作
alert( "Upload success: " + t.url );
} else {
alert( "Upload failed: " + status );
}
}
);
// 要上传的文件file,也可以是本地路径的
task.addFile( res, {key:"img"} ); //类似fromData.append('img',document.getElementById('submitImage').files[0])
// 加上文件上传的其他参数
task.addData( "task_id", taskID );
// 设置请求头,若服务器需要校验请求头
task.setRequestHeader("Authorization",localStorage.getItem('mytoken'))
//task.addEventListener( "statechanged", onStateChanged, false );
// 开始上传
task.start()
})
‘捌’ 百度编辑器UEditor怎么在jsp中配置
<script type="text/javascript" src="js/ueditor1.2.6.1/ueditor.config.js"></script>
<script type="text/javascript" src="'js/ueditor1.2.6.1/ueditor.all.js"></script>
引入上面这两个js ,下面一个css
<link rel="stylesheet" type="text/css" href="js/ueditor1.2.6.1/themes/default/css/ueditor.css'/>">
引入jquery
<script src="/js/jquery.js"></script>
下面是初始化的一些参数,可以在config里面配置,也可以在页面自己配置
var contextPath="${pageContext.request.contextPath}";
var langPath=contextPath+"/js/ueditor1.2.6.1/lang/";
var jspPath=contextPath+"/admin/ueditorjsp";
var imageUrl=jspPath+"/imageUp.jsp"; //图片上传提交地址
var scrawlUrl=jspPath+"/scrawlUp.jsp"; //涂鸦上传地址
//附件上传配置区
var fileUrl=jspPath+"/fileUp.jsp"; //附件上传提交地址
//远程抓取配置区
var catcherUrl=jspPath+"/getRemoteImage.jsp"; //处理远程图片抓取的地址
//图片在线管理配置区
var imageManagerUrl=jspPath+"/imageManager.jsp"; //图片在线管理的处理地址
//屏幕截图配置区
var snapscreenHost= '127.0.0.1' ; //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
var snapscreenServerUrl= jspPath+"/imageUp.jsp"; //屏幕截图的server端保存程序,UEditor的范例代码为“URL +"server/upload/php/snapImgUp.php"”
//word转存配置区
var wordImageUrl=jspPath+"/imageUp.jsp" ; //word转存提交地址
//获取视频数据的地址
var getMovieUrl=jspPath+"/getMovie.jsp";
var imagePath='${fileViewUrl}';
var editorHomeUrl=contextPath+"/js/ueditor1.2.6.1/";
var initialStyle='body{font-size:14px;font-family:宋体;line-height:32px;}';
var localDomain=['${fileViewUrl}'];
$(function(){
editor = new UE.ui.Editor({
UEDITOR_HOME_URL : editorHomeUrl,
initialFrameHeight: 400,
enterTag:'p',
pasteplain:false,
initialStyle:initialStyle,
sourceEditorFirst:false,
autoFloatEnabled:false,
wordCount:false,
langPath:langPath,
imageUrl:imageUrl,
scrawlUrl:scrawlUrl,
fileUrl:fileUrl,
catcherUrl:catcherUrl,
localDomain:localDomain,
imageManagerUrl:imageManagerUrl,
snapscreenHost:snapscreenHost,
snapscreenServerUrl:snapscreenServerUrl,
wordImageUrl:wordImageUrl,
getMovieUrl:getMovieUrl,
scaleEnabled:true //高度不可改变,内容太多会出现滚动条
});
editor.render('articleContent');//里面是要渲染的元素id
})
‘玖’ 我一个图片上传到数据库的程序,但是每次上传的图片都会覆盖上次上传的图片,数据库:id image uid
把上传的文件的名字改成是32位加密码的就可以了,你可以用System.currentTimeMillis()