`

js在线编辑器其中一个上传图片功能

C# 
阅读更多
img.html
<script language="JavaScript">function ok(){d_file.myform.submit();}
document.write('<iframe id=d_file frameborder=0 src="include/upload.aspx?type=image" width="100%" height="22" scrolling=no></iframe>');
</script>
<input type="text" id="d_fromurl" style="width: 243px" size="30" value="">
<input type="submit" value='  确定  ' id="Ok" onclick="ok()">

upload.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="upLoad.aspx.cs" Inherits="debug_htmledit_include_upLoad" %>
<script  language=javascript>
window.onload=function(){ window.parent.d_fromurl.value=document.getElementById("fileUrl").value;}
</script>
<body topmargin=0 leftmargin=0>
    <form id="myform" runat="server">
    <div>
        <input name="uploadfile" runat=server id="uploadfile" type="file" />
        <input id="fileUrl" runat=server type="hidden" />
    </div>
    </form>
</body>

upload.aspx.cs
if (Request.QueryString["type"] != null)
        {
            System.Web.HttpFileCollection uploadFiles = Request.Files;
            System.Web.HttpPostedFile theFile;
            for (int i = 0; i < uploadFiles.Count; i++)
            {///5/a/a/spx
                theFile = uploadFiles[i];
                string filename = theFile.FileName.Substring(theFile.FileName.LastIndexOf('\\') + 1);

                Random seed = new Random(10000);
                int fname1 = filename.Length;
                int fname2 = filename.LastIndexOf('.');
                filename = seed.Next() + seed.Next() + filename.Substring(fname2).ToString();

                string filepath = Server.MapPath("../uploadfiles/" + filename);
                theFile.SaveAs(filepath);

                this.fileUrl.Value = filename;
            }
        }
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    java 在线编辑器 图片批量上传等功能

    总的来说,Java在线编辑器的图片上传和批量上传功能是通过前端与后端的协同工作实现的,KindEditor作为其中的一个成熟解决方案,提供了一个便捷且功能全面的编辑环境,满足了用户在Web上创建和编辑富文本的需求。

    带图片上传的文本编辑器源码

    【压缩包子文件的文件名称列表】:`eWebEditor` 可能是指该编辑器的名字或者主要的代码文件,这通常是一个包含所有编辑器相关文件的文件夹或者主程序文件,其中包括HTML、CSS、JavaScript等代码,可能还有服务器端...

    Ueditor上传图片+图片回显+图片在线管理配置说明

    Ueditor 是一款功能强大的富文本编辑器,广泛应用于各种内容管理系统中。在使用 Ueditor 进行文本编辑时,图片上传、回显以及在线管理功能是非常关键的。本文将详细介绍如何配置 Ueditor 以实现这些功能。 ### 一、...

    解决Vue使用UEditor百度编辑器,上传图片服务配置问题(源码)

    在Vue项目中集成百度UEditor编辑器,是一个常见的需求,特别是在需要富文本编辑功能的场景下。UEditor是一款强大的在线编辑器,支持图片、视频、公式等多种内容的插入。然而,将其与Vue框架结合时,可能会遇到一些...

    百度Ueditor编辑器的使用,ASP.NET也可上传图片.zip

    3. **初始化编辑器**:在页面的JavaScript部分,通过调用`UE.getEditor()`方法来初始化编辑器,设置编辑器的基本配置,如工具栏、初始内容、图片上传路径等。例如: ```javascript UE.getEditor('myEditor', { ...

    Extjs的HtmlEidtor富文本编辑器的使用和图片上传显示的实现

    ExtJS是一个强大的JavaScript框架,主要用于构建富客户端应用。...通过学习这篇博客,开发者可以掌握如何在ExtJS应用中创建一个功能完善的富文本编辑器,包括图片上传和显示功能,从而提升应用的交互性和用户体验。

    真正解决百度编辑器UEditor上传图片跨域问题.docx

    首先,跨域是浏览器的一个安全机制,限制了JavaScript脚本只能访问同源(协议、域名、端口相同)的资源。然而,在前后端分离的项目中,编辑器通常部署在前端服务器,而图片上传服务可能在单独的API服务器上,这就...

    Java开发之文本编辑器TinyMCE-含上传本地图片

    #### 三、TinyMCE编辑器本地上传图片功能 默认情况下,TinyMCE不支持直接上传本地图片到服务器的功能。为了解决这个问题,需要进行额外的配置和编程工作。 ##### 3.1 集成uploadimage插件 - 在`./tinymce/js/...

    百度编辑器图片上传

    5. **多图上传**:对于多图上传,百度编辑器提供了一个名为`insertImages`的方法,可以接受一个图片URL数组,一次性插入多张图片。你可以在用户选择多张图片后调用这个方法。 6. **安全考虑**:在实际应用中,还...

    asp.net 使用ckeditor5富文本编辑器包含图片上传全部代码

    在ASP.NET应用中,CKEditor5是一款常用的富文本编辑器,它提供了丰富的文本格式化功能,包括图片上传。本文将详细介绍如何在ASP.NET环境中集成CKEditor5并实现图片上传功能。 首先,我们需要在项目中引入CKEditor5...

    js文件编辑器

    XHEditor是一个开源的在线HTML编辑器,支持多语言,其中"zh-cn.min.js"表示这是中文版的压缩最小化版本。"min.js"是经过压缩和优化后的JavaScript文件,目的是减小文件大小,加快页面加载速度。XHEditor提供了一套...

    ueditor(单独使用上传图片)

    通常,ueditor会生成一个完整的编辑框,但根据需求,我们可以选择只启用特定功能,例如这里的“单独上传图片”。 2. **隐藏编辑器实例**: 在描述中提到,由于不需要使用编辑器实例,因此需要将其隐藏。这可以通过...

    新浪html在线编辑器JSP版(带图片上传)

    图片上传功能是在线编辑器的一个重要特性,它通常涉及到前端的文件选择、文件读取以及后端的文件接收和存储。前端可能使用HTML5的File API来处理用户选择的图片文件,然后通过AJAX异步提交到服务器。服务器端的JSP...

    js读取本地图片进行预览,上传服务器

    在JavaScript中,本地图片的预览和上传到服务器是一个常见的需求,特别是在Web应用中,比如社交媒体、博客编辑器或者在线图像处理工具。本项目着重于实现这个功能,提供了源码和工具来帮助开发者轻松实现这一过程。...

    扩展simditor上传图片功能

    下面我们将详细介绍如何扩展Simditor的上传图片功能。 首先,了解Simditor的基本结构。Simditor主要由HTML、CSS和JavaScript组成,其中核心是JavaScript部分,它负责处理用户交互和内容编辑。为了实现图片上传,...

    tinymce 自定义多图片批量上传插件 附使用示范Test

    通过这样的自定义插件,用户可以在TinyMCE编辑器中方便地批量上传图片,并立即在编辑区域内预览。这个功能对于需要频繁处理多图片的网站来说,极大地提高了工作效率。 值得注意的是,实际开发中还需要考虑其他因素...

    百度UEditor 1.3.6 net版 图片上传功能

    UEditor是由百度公司开发的一款强大的在线富文本编辑器,广泛应用于各种网站和应用中,为用户提供类似Word的编辑体验。UEditor 1.3.6是其某个稳定版本,其中包含了丰富的功能,特别是图片上传功能,对于提升用户体验...

    jsp ueditor 上传图片

    【标题】"jsp ueditor 上传图片"涉及的是在Java Web开发中使用UEditor这款富文本编辑器进行图片上传的功能实现。UEditor是一款强大的在线文本编辑器,它提供了丰富的编辑功能,包括插入图片、视频、链接等。在JSP...

    一款简单好用的ASP批量上传图片程序源码

    KindEditor不仅仅是一个编辑器,它还包含了一个强大的图片管理模块,支持多图上传、图片预览和裁剪等功能。 ASP(Active Server Pages)是微软开发的一种服务器端脚本环境,用于创建动态交互式网页。在ASP中,我们...

Global site tag (gtag.js) - Google Analytics