当前位置:首页 » 文件传输 » 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()