• javawed 中的验证码+ 传图片+编辑器


    验证码的使用
    一、在验证的地方直接调用image.jsp文件  <img src="image.jsp" width="48" height="14">
    二、在image.jsp需要注意需要关闭流
    三、验证码在servlet中比较
            String vcode=request.getParameter("vcode");
            String rand=(String)request.getSession().getAttribute("rand");
            if(vcode.equals(rand)){}else{}


    上传图片
    1、导入smartupload.jar包 ,添加uploadIMG.jsp,upfileIMG.jsp.
    2、需要在项目下面建立一个保存文件的文件夹pic或者upload
    3、在调用的地方调用子框架uploadIMG.jsp上传图片的文件frmName表示的是表单名称ImgName保存图片文件路径的文本输入框filepath表示的是图片文件保存的位置
      <iframe src="uploadIMG.jsp?frmName=loginform&ImgName=imgs&filepath=pic" name="uploadpic"    width=100% marginwidth="0" height=30 marginheight="0" scrolling=no frameborder=0>
       </iframe>
    4、uploadIMG.jsp里面就是上传文件表单需要注意上传的格式为 enctype="multipart/form-data"
    5、upfileIMG.jsp里面注意获取正确的路径,用时间格式来生成新的图片名称
    6、添加水印的时候需要物理路径
    7、数据用javascript返回
    <script>
    parent.document.<%=request.getParameter("frmName")%>.<%=request.getParameter("ImgName")%>.value="<%=imgTxt%>" ;
    //将图片的保存路径返回给父窗口里面表单所对应的图片的文本输入框
    parent.document.getElementById("showimg").innerHTML="<img src=<%=basePath+imgTxt%> width=100  height=100>"
    //将图片显示到父窗口在id=showimg的层里面
    </script>
     

    Ewebeditor使用说明:
    一、部署方式:
     
    1 把eWebEditor文件夹整体拷贝到项目路径中也就是说放到webroot下面
     
    2 Style.xml和Button.xml配置文件放到项目的WEB-INF下

    3 dom4j.jar、jspsmartupload.jar、jaxen-beta.jar 三个jar包放到项目的WEB-INF/lib  下面 或者导入这些包

    4 net.jar 放到WEB-INF/lib下 或者 将net里面的源代码放到 src下面

    5 定义一个隐藏文本输入域content
     <textarea name="content"   id="content"  style="display: none"></textarea>

    6 调用文本编辑器指向调用路径  id=content 表示编辑器里面开始显示的内容是从隐藏文本输入域content中得到的。

     <iframe id="contents"  name="content_html"
    src="<%=basePath%>/admin/webeditor/eWebEditor.jsp?id=content&style=standard"
    frameborder="0" scrolling="no" width="550" height="350"></iframe>

    7  将编辑器的内容赋值给隐藏文本输入域content
    <script language="javascript">
    function subchk()
    {
    document.form1.content.value= window.content_html.getHTML();


    }
    </script>


    8 提交表单时触发这个函数

    <form name="form1" onsubmit=" subchk()">

    二、设置:
    界面修改:一般只修改/WEB-INF目录下面的style.xml和button.xml就可以了,button.xml为编辑界面配置文件,如果有菜单显示不全,可以在里面修改大小。
    ====================================================
    上传图片路径设置:
    //默认上传默认目录为xx/upload/,xx为你的根目录
    //此处设置上传文件保存路径,注意路径要由ROOT开始===3处======================
    //修改此处需修改WEB-INF/Style.xml文件对应处<suploaddir>/upload/</suploaddir>
    //修改此处需修改eWebEditor.jsp文件对应处
    //修改此处需修改upload.jsp文件对应处
    例如要传到根目录的/upload/下面:
    upload.jsp中
    String sUploadFilePath="/upload/";
    Style.xml中
    <suploaddir>/upload/</suploaddir>
    eWebEditor.jsp 中
    String sUploadFilePath="../upload/";//设置文件上传后在ewebeditor编辑器中图片显示地址
    这样就好了。
    修改上传文件大小限制,在WEB-INF/style.xml中
    <sfilesize>2000</sfilesize>//其它文件大小
    <sflashsize>500</sflashsize>//flash文件大小
    <sremotesize>1000</sremotesize>//发布内容大小
    <simagesize>1000</simagesize>//图片文件大小
    <smediasize>1000</smediasize>//多媒体文件大小
    注意事项:

    1、刚部署或调试时出现文件无法上传的情况,可以修改eWebEditor.jsp 中
    String sUploadFilePath="../upload/";值或修改文件中字符,刷新后在改回正常值,即可恢复上传;

    2、如果使用utf-8编码,需要在调用的jsp页面头部加入content-Type=”text/html; charset=utf-8”,不要使用filter对ewebeditor实行统一"UTF-8"或除gb2312以外的编码;

    3、如果在ie8下面编辑器按扭不起作用
         打开根目录下的editor.asp或Include/Editor.js,找到以下代码
       if (element.YUSERONCLICK) eval(element.YUSERONCLICK + 'anonymous()');
    修改为

            if (navigator.appVersion.match(/8./i)=='8.')
              {
                if (element.YUSERONCLICK) eval(element.YUSERONCLICK + 'onclick(event)');   
            }
            else
            {
             if(document.documentMode === 5) {
                if (element.YUSERONCLICK) eval(element.YUSERONCLICK + 'onclick(event)');   
              }
              else{  
                if (element.YUSERONCLICK) eval(element.YUSERONCLICK + 'anonymous()');
              }
        }

  • 相关阅读:
    kubernetes(八)--Helm及其它功能组件dashboard/prometheus/HPA
    kubernetes(七)--安全机制
    kubernetes(六)--集群调度
    kubernetes(五)--存储之configmap/secret/volume/PV&&PVC
    Unicode规范中的BOM 和 ISO8891-1编码
    设计模式
    vue等诸多概念记录
    Linux下nc或scp命令来实现文件传输
    日常相关的标准技术和组织
    ibatis和mybatis中的BatchExecutor
  • 原文地址:https://www.cnblogs.com/zzzhangzheng/p/6278731.html
Copyright © 2020-2023  润新知