『壹』 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()