bootstrap-wysiwyg如何上传图片到服务端
bootstrap-wysiwyg实现图文混合文章的上传，文章内容可以直接上传div中的内容，我想请问使用
bootstrap-wysiwyg中的插入图片后图片显示在了文章里，请问怎么将其上传？
一个月的时间..不知卤煮解决了木有..&
我最近也在研究 有两种方式解决.&
1. wysiwyg 会将图片读取为base64直接写在img的src中, 所以可以直接不处理上传, 直接将html内容提交. 缺点就是, 数据库中的text 类型也不够存储一张图片, 会占用大量数据库空间
2.在选择文件时,记录选择的文件 . 提交时,将文件以wysiwyg同样的方式读取, 并完成上传, 替换url.& 代码片段如下:
&a id="pictureBtn" class="btn" data-edit="image" title="上传图片"&
&span class="glyphicon glyphicon-picture"&&/span&&图片
&input id="picture-select" type="file" data-role="magic-overlay"
data-target="#pictureBtn"
data-edit="insertImage" accept="image/*" multiple/&
var uploadFiles = [];
$("#picture-select").change(function () {
$.each(this.files, function (index, fileObj) {
uploadFiles.push(fileObj);
$('#editor').wysiwyg();
// 点击提交后处理:
for (var i = 0; i & uploadFiles. i++) {
var fileObj = uploadFiles[i];
// 判断图片是否存在
readFileIntoDataUrl(fileObj).done(function (dataUrl) {
var imgTag = $("#editor").find("img[src='" + dataUrl + "']");
if (imgTag.length & 0) {
// 图片存在, 上传当前文件.
// uploadImage方法为你的上传图片方法.
var url = uploadImage(fileObj);
imgTag.attr("src", url);
wysiwyg 中读取图片的代码:&
var readFileIntoDataUrl = function (fileInfo) {
var loader = $.Deferred(),
fReader = new FileReader();
fReader.onload = function (e) {
loader.resolve(e.target.result);
fReader.onerror = loader.
fReader.onprogress = loader.
fReader.readAsDataURL(fileInfo);
return loader.promise();
--- 共有 1 条评论 ---
哦.. 忘记说了.. 也可以更改 bootstrap-wysiwyg 的源码
insertFiles方法, 在源码的第83行.
引用来自“_____小路”的评论 一个月的时间..不知卤煮解决了木有..&
我最近也在研究 有两种方式解决.&
1. wysiwyg 会将图片读取为base64直接写在img的src中, 所以可以直接不处理上传, 直接将html内容提交. 缺点就是, 数据库中的text 类型也不够存储一张图片, 会占用大量数据库空间
2.在选择文件时,记录选择的文件 . 提交时,将文件以wysiwyg同样的方式读取, 并完成上传, 替换url.& 代码片段如下:
&a id="pictureBtn" class="btn" data-edit="image" title="上传图片"&
&span class="glyphicon glyphicon-picture"&&/span&&图片
&input id="picture-select" type="file" data-role="magic-overlay"
data-target="#pictureBtn"
data-edit="insertImage" accept="image/*" multiple/&
var uploadFiles = [];
$("#picture-select").change(function () {
$.each(this.files, function (index, fileObj) {
uploadFiles.push(fileObj);
$('#editor').wysiwyg();
// 点击提交后处理:
for (var i = 0; i & uploadFiles. i++) {
var fileObj = uploadFiles[i];
// 判断图片是否存在
readFileIntoDataUrl(fileObj).done(function (dataUrl) {
var imgTag = $("#editor").find("img[src='" + dataUrl + "']");
if (imgTag.length & 0) {
// 图片存在, 上传当前文件.
// uploadImage方法为你的上传图片方法.
var url = uploadImage(fileObj);
imgTag.attr("src", url);
wysiwyg 中读取图片的代码:&
var readFileIntoDataUrl = function (fileInfo) {
var loader = $.Deferred(),
fReader = new FileReader();
fReader.onload = function (e) {
loader.resolve(e.target.result);
fReader.onerror = loader.
fReader.onprogress = loader.
fReader.readAsDataURL(fileInfo);
return loader.promise();
干得漂亮！！！
你好，bootstrap-wysiwyg是怎么样配置的呢？ 它的工具栏的选项都是要自己用代码实现的吗？
uploadImage 是怎么写的呀？直接调用后台的action吗，这个是不是用ajax方式比较好啊，但是文件类型ajax能带过去数据吗？？博客访问： 162441
博文数量： 22
注册时间：
分类： Oracle 11:21:39
E:photo>dir Volume in drive E is New Volume Volume Serial Number is F816-C39F Directory of E:photo
1,212,681 flower.jpg
1,212,681 bytes
40,406,614,016 bytes free----------------------------------------------------SQL> conn a/aConnected.grant creatgrant crecreate or replace directory photo_dir as 'e:photo';create table photos (blob_column blob);declare
a_bfile bfile := bfilename('PHOTO_DIR','flower.jpg');begin
insert into photos values (empty_blob()) returning blob_column into a_
dbms_lob.fileopen(a_bfile);
dbms_lob.loadfromfile(a_blob,a_bfile,dbms_lob.getlength(a_bfile));
dbms_lob.fileclose(a_bfile);/PL/SQL procedure successfully completed.SQL> select dbms_lob.getlength(blob_column)DBMS_LOB.GETLENGTH(BLOB_COLUMN)-------------------------------
[@more@]保存
阅读(4994) | 评论(0) | 转发(0) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。delphi将图片保存到SQL数据库和读取图片
procedure TForm1.LoadPictureClick(Sender:
TObject);& // 上传图片
& OpenPictureDialog1.Title := '打开图片';
& if OpenPictureDialog1.Execute then
Image1.Picture.LoadFromFile(OpenPictureDialog1.FileName);
procedure TForm1.saveClick(Sender:
TObject);&& //保存
& Stream:TMemoryS
&&& Stream :=
TMemoryStream.C //& 创建内存流
Image1.Picture.Graphic.SaveToStream(Stream);&&
// 将图片保存到内存流中
&&&//Image1.Picture.LoadFromFile(OpenPictureDialog1.FileName);（另一种方法）
adoquery1.C
adoquery1.SQL.C
adoQuery1.SQL.Add('Insert into test3 values (:id,:photo)');
ADOQuery1.Parameters.ParamByName('id').Value := editId.T
adoQuery1.Parameters.ParamByName('photo').LoadFromStream(Stream,ftBlob);
// 读取保存的内存图
adoquery1.ExecSQL;
Stream.F&&&&
// 释放内存流
procedure TForm1.ReadClick(Sender:
TObject);&& // 读取图片
& Stream:TMemoryS
& Jpg:TjpegI
& ADOQuery1.C
& ADOQuery1.SQL.Text:='SELECT * FROM test3 where
id =' + editId.T&& //
& ADOQuery1.O
& if not ADOQuery1.FieldByName('photo').IsNull
Stream:=TMemoryStream.C
Jpg:=TjpegImage.C
TBlobField(ADOQuery1.FieldByName('photo')).SaveToStream(Stream);&&&
// 显示的转换为BlobField并保存到内存流
Stream.Position :=0;
jpg.LoadFromStream(Stream);&&&
// 加载图片
image2.Picture.Assign(Jpg);
image2.Picture :=
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。查找重复或相似的图像 FirmTools Duplicate Photo Finder下载v1.1.0.148 中文绿色版_西西软件下载
西西软件园多重安全检测下载网站、值得信赖的软件下载站！
相关软件 /中文/ /中文/ /中文/ /中文/ /中文/ /英文/ /中文/ /中文/ /中文/ /英文/顶好评:50%踩坏评:50%请简要描述您遇到的错误，我们将尽快予以修正。轮坛转帖HTML方式轮坛转帖UBB方式
1.6M/中文/3.0
1.6M/中文/6.6
1.2M/中文/6.0
1.1M/中文/7.0
52KB/英文/5.0
&FirmTools Duplicate PhotoFinder 是整理图像的必备工具，它使用高级搜索算法，会快速在您的硬盘或指定文件夹中找到重复或相似的图像。
西西用两个图片简单的试了一下,把一张图片COPY一份，然后用 photoshop 把其中的一张图片上面打上文件，用&FirmTools Duplicate& 一比较还是可以适别出来。在后面会显示相拟度& 96% 。
好软件一定要推荐出来
享受完美有效的图像收藏和释放若干磁盘空间的乐趣吧!
Name: www.cr173.com
Code:&&DFRZ-Y9KL-3UKK-HZBJ
安卓官方手机版
IOS官方手机版
&注册码：DFRZ-Y9KL-3UKK-HZBJ
查找重复或相似的图像 FirmTools Duplicate Photo Finder v1.1.0.148 中文绿色版
下载帮助西西破解版软件均来自互联网, 如有侵犯您的版权, 请与我们联系。豆丁微信公众号
君，已阅读到文档的结尾了呢~~
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
如何在数据库中保存大量图片
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='http://www.docin.com/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口