wangeditor2版本如何本地上传图片
来源:互联网 发布:科蒂斯电动牙刷 知乎 编辑:程序博客网 时间:2024/06/13 03:09
wangeditor3版本因为是用div生成的,不能用action的name属性来进行上传。
而2版本是用textarea生成的,可以使用name属性来进行数据的上传。
但是2版本的图片上传是网络图片上传。我们还是比较喜欢本地图片上传。
我们可以借鉴下图:
上图就是如何进行本地图片的添加,这个方法其实是把图片上传到服务器,服务器也就是咱们的项目,红框里的内容必须写在editor.create();的前边。
我们需要在项目里写一个名字叫做upload.ashx的一般处理程序来进行图片的上传(不一定非要使用一般处理程序)
以下是我的一般处理程序的代码
using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace HSWeb.Controllers{ /// <summary> /// upload 的摘要说明 /// </summary> public class upload : IHttpHandler { public void ProcessRequest(HttpContext context) { var files = context.Request.Files; if (files.Count <= 0) { return; } HttpPostedFile file = files[0]; if (file == null) { context.Response.Write("error|file is null"); return; } else { string path = context.Server.MapPath("~/upload/"); //存储图片的文件夹 string originalFileName = file.FileName; string fileExtension = originalFileName.Substring(originalFileName.LastIndexOf('.'), originalFileName.Length - originalFileName.LastIndexOf('.')); string currentFileName = (new Random()).Next() + fileExtension; //文件名中不要带中文,否则会出错 //生成文件路径 string imagePath = path + currentFileName; //保存文件 file.SaveAs(imagePath); //获取图片url地址 string imgUrl = "/upload/" + currentFileName; //返回图片url地址 context.Response.Write(imgUrl); return; } } public bool IsReusable { get { return false; } } }}
阅读全文
0 0
- wangeditor2版本如何本地上传图片
- wangeditor2在struts2使用和上传图片
- Webview 兼容android4.4版本上传本地图片
- 图片上传,本地预览
- fckeditor 上传本地图片
- 上传图片本地预览
- 图片上传本地
- 上传图片本地预览
- 上传图片本地预览
- KindEditor上传本地图片
- 上传图片本地预览
- 图片上传本地预览
- 图片上传本地预览
- html5上传本地图片
- 本地图片上传
- winform中如何将本地图片上传到服务器
- PHP如何接受上传的图片并保存到本地
- 如何在前端选择本地图片并上传
- c#获取本地连接的ip 子网掩码 网关 DNS
- SQLSTATE[HY000] [1130] Host 'DESKTOP-O0CRH8F' is not allowed to connect to this MySQL server
- qduoj kkun的一道简单签到题(优先队列)
- JSP课设(课程设计选题管理系统)
- html2canvas完整demo解决图片跨域问题(已经成功啦啦)
- wangeditor2版本如何本地上传图片
- RecyclerView瀑布流的形式利用Gilde加载网络图片
- 多标签图像分类任务的评价方法-mAP
- Javascript第一天学习总结
- SQL DATEADD() 函数
- *****MySql之函数的简单使用*****
- 批次特定的物料计量单位
- linux的shell脚本中连接oracle数据库进行操作的方法
- 微信上传网络图片到临时素材