當前位置:首頁 » 文件傳輸 » imgup上傳圖片
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

imgup上傳圖片

發布時間: 2023-01-20 16:50:10

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