MVC :: Upload Image With Fck Editor?
Apr 14, 2010i don't know how to upload image to fck editor and save picture to project.
View 1 Repliesi don't know how to upload image to fck editor and save picture to project.
View 1 RepliesWhat are the settings in web.config file or fckconfig.js file to upload image using fckedit in asp.net
I had download dll file for fckeditor and used in the website, bt while using in website, it doesn't allow me to upload image..
I am using FCK Editor (version 2.6.3.22451) in my asp.net 3.5 application.
While using upload option in the insert image modal popup, is it possible to upload the file to an external server, e.g. outside my virtual directory (anyhow, for example using FTP credentials).
I went through the documentation and looked at the asp.net/webmatrix pages but could not find a RichTextEditor.
Is there one built into WebMatrix or can I just use the AjaxToolkit Html Editor or another 3rd party editor?
a. how can i customize the image buttons in the HTML Editor like adding a flash button, windows media player button, image button and silverlight button and when i click on it shows me the wizard to add the embeds.
b. how to make the HTML Editor contents saved directly to the datbase, and do i have to change field type from the ntext type?
c. i am using asyncupload for uploading images how can i make it saved to database too and which datatype i need to make it? or can i save the physical address for this image?
here it is my own code ...
[Code]....
Image Button in Datalist it ItemTemplate and Image Button Click Call Editor(Ajax)
View 1 RepliesI have to insert default image into databse..when no image is selected from fileupload control.. Here is code...not working for default image...
if (FileUpload1.HasFile){string FileName = System.IO.Path.GetFileName(FileUpload1.PostedFile.FileName);
FileUpload1.SaveAs(Server.MapPath("~/UPLOADEDFILES/" + FileName));
feedBack.Attachments.Add(new Attachment(FileUpload1.PostedFile.InputStream, FileName));
} else {
string filename="~/images/"+ "sun.gif";filename.pPropertyImage = filename;FileUpload1.SaveAs(MapPath(filename));}
I have filed image type varbinary
I want upload image and show then with click button save
store in db
We have a scenario where we would like to allow our users to upload images to the site. We are running on ASP.Net. A quick search did not result in anything good. It would be great if the control is free/open source but we do not mind paying a little bit.
View 1 RepliesI'm using a slightly modified version of Valum's upload [github link], I've modified it to upload to a database but haven't modified the javascript that it is using to get the file into the Request as an InputStream. The following line of code is failing in IE 8 but is confirmed to work in Chrome. using (Image imgInput = Image.FromStream(Request.InputStream)) The error received is "Parameter not valid". It appears to be having an issue with the Input Stream being used but it exists/has data (not sure how to validate if the data is good or not).
Page
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>Upload-Pictures</h2>
<div id="file-uploader">
<noscript>
<p>Please enable JavaScript to use file uploader.</p>
</noscript>
</div>
<script src="/Scripts/fileuploader.js" type="text/javascript"></script>
<script type="text/javascript">
function createUploader() {
var uploader = new qq.FileUploader({
element: document.getElementById('file-uploader'),
action: '/Admin/FileUpload/' + <%= Model.PropertyId %>,
debug: true
});
}
window.onload = createUploader;
</script>
</asp:Content>
Controller
[AcceptVerbs(HttpVerbs.Post)]
public JsonResult FileUpload(int id)
{
try
{
byte[] newImageByteArray = GetByteArrayForResizedImage(350, Request.InputStream);
byte[] thumbnailByteArray = GetByteArrayForResizedImage(150, Request.InputStream);
//Add to DB
}
catch (Exception ex)
{
// This is where the exception is caught
return Json(new { success = false, message = ex.Message }, "application/json");
}
return Json(new { success = true }, "application/json");
}
private static byte[] GetByteArrayForResizedImage(int imageSize, Stream inputStream)
{
byte[] imageByteArray;
// For some reason in IE the inputStream here is causing it to crash
using (Image imgInput = Image.FromStream(inputStream))
{
//Image processing
}
return imageByteArray;
}
fileuploader.js - qq.FileUploader
/**
* Class that creates upload widget with drag-and-drop and file list
* @inherits qq.FileUploaderBasic
*/
qq.FileUploader = function(o){
// call parent constructor
qq.FileUploaderBasic.apply(this, arguments);
// additional options
qq.extend(this._options, {
element: null,
// if set, will be used instead of qq-upload-list in template
listElement: null,
template: '<div class="qq-uploader">' +
'<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +
'<div class="qq-upload-button">Upload a file</div>' +
'<ul class="qq-upload-list"></ul>' +
'</div>',
// template for one item in file list
fileTemplate: '<li>' +
'<span class="qq-upload-file"></span>' +
'<span class="qq-upload-spinner"></span>' +
'<span class="qq-upload-size"></span>' +
'<a class="qq-upload-cancel" href="#">Cancel</a>' +
'<span class="qq-upload-failed-text">Failed</span>' +
'</li>',
classes: {
// used to get elements from templates
button: 'qq-upload-button',
drop: 'qq-upload-drop-area',
dropActive: 'qq-upload-drop-area-active',
list: 'qq-upload-list',
file: 'qq-upload-file',
spinner: 'qq-upload-spinner',
size: 'qq-upload-size',
cancel: 'qq-upload-cancel',
// added to list item when upload completes
// used in css to hide progress spinner
success: 'qq-upload-success',
fail: 'qq-upload-fail'
}
});
// overwrite options with user supplied
qq.extend(this._options, o);
this._element = this._options.element;
this._element.innerHTML = this._options.template;
this._listElement = this._options.listElement || this._find(this._element, 'list');
this._classes = this._options.classes;
this._button = this._createUploadButton(this._find(this._element, 'button'));
this._bindCancelEvent();
this._setupDragDrop();
};
fileuploader.js - qq.FileUploaderBasic
/**
* Creates upload button, validates upload, but doesn't create file list or dd.
*/
qq.FileUploaderBasic = function(o){
this._options = {
// set to true to see the server response
debug: false,
action: '/server/upload',
params: {},
button: null,
multiple: true,
maxConnections: 3,
// validation
allowedExtensions: [],
sizeLimit: 0,
minSizeLimit: 0,
// events
// return false to cancel submit
onSubmit: function(id, fileName){},
onProgress: function(id, fileName, loaded, total){},
onComplete: function(id, fileName, responseJSON){},
onCancel: function(id, fileName){},
// messages
messages: {
typeError: "{file} has invalid extension. Only {extensions} are allowed.",
sizeError: "{file} is too large, maximum file size is {sizeLimit}.",
minSizeError: "{file} is too small, minimum file size is {minSizeLimit}.",
emptyError: "{file} is empty, please select files again without it.",
onLeave: "The files are being uploaded, if you leave now the upload will be cancelled."
},
showMessage: function(message){
alert(message);
}
};
qq.extend(this._options, o);
// number of files being uploaded
this._filesInProgress = 0;
this._handler = this._createUploadHandler();
if (this._options.button){
this._button = this._createUploadButton(this._options.button);
}
this._preventLeaveInProgress();
};
How to upload images with some conditions
Like
size not gretr than 50 kb
with = 110px, height 140 px
etc..
My requirement is when ever user upload an image and want to resize an image and then save that image into the database
View 7 RepliesI am looking for an image editor which can be incorporated into my asp.net application. My scenario is user select image from the image gallery and opens with the image editor, after edit the image and save it back on the web server. Image editor must have a paint brush. Crop and resizing of the image is not necessary. I am looking for such a tools for the last 3 days, but not able to find any. I will go for paid software also.
View 3 Repliesi'm a new in web page application
can any one tll me how to upload in image in the web page and dispay it in an image control then save the path to the database?
I'm having an image in my page displayed to clients form a folder under same apllication folder,I also have a form in the same page that accepts an image file to be uploaded. The image that is uploaded via this form should take the place of the image that's displayed in the page with the name newly givven at runtime. The new image should be uploaded in the same directory with the new name provided, which means it overwrites the previous image.
View 5 RepliesI want to upload image through fileupload toolbox and display it in image control.
The image control should get the path from fileupload and should display the image.
I have done it with following code attached
HTML Markup-
<asp:FileUpload ID="FileUpload1" runat="server"
style="top: 256px; left: 533px; position: absolute; height: 23px; width: 217px" ForeColor="White" />
<asp:Button ID="btnset" runat="server" Font-Bold="False" Font-Names="Times New Roman" Font-Size="Medium" style="top: 309px; left: 605px; position: absolute; height: 26px; width: 81px" Text="Set Photo " />
<asp:Image ID="Image2" runat="server" style="top: 66px; left: 568px; position: absolute; height: 152px; width: 136px" BorderColor="#CCCCFF" BorderStyle="Ridge" />
VB Code-
Protected Sub btnset_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnset.Click
Image2.ImageUrl = FileUpload1.FileName
End Sub
iam using asp.net with c#
i want to display image in a image control as soon as we browse with file upload control ,i dont want to use button click event
[Code]....
is there a way to add a button to the editor that allows the user either to upload his image or submit a url for it,
View 2 RepliesI have Uploaded my website where I have made a Forum/Blog...
and to insert post I have used HTML text Editor...
But I cannot understand How to insert Images in it...
I can insert it by giving url of any image in src value.
But if image is not available on nt and I want to insert it from my computer then how will i insert it.
I'm also trying to implement a custom button on the toolbar, and have it working, sort of. I took the sample code and modified it so I only insert one button, to insert an image from a list in a database. I renamed the class from the original to CustomHTMLEditor and removed a few of the properties and methods I won't be needing. All this works 99%. The control is shown in the design and in my web page and the inserting of the image all works 100%, but there is an error in the designer : Unknown server tag 'customEditors:CustomHTMLEditor'.
Because of this, I cannot reference the control in code at all and thus not get the Content when the page is posted back.
Here are my two files in the App_Code folder:
From HTMLEditor.Samples.cs:
[Code]....
From HTMLEditor.CustomButtonsAndPopups.cs
[Code]....
iam looking for a good free WYSIWYG Editor. In the past i use the fckeditor. the new currently version ckeditor is not bad, but i have no image browsing or uploading. you need to buy the ckfinder. need a editor that is simple to include in my webform with image browsing and uploading.
View 7 Replieshow i can create insert image button for my html editor?
View 2 Repliesi want to upload picture throw FileUpload control and then store it in session, after store in session i want to read it out to image control and insert to database.
View 3 RepliesI have an Editor control on my page and the user can go in use it hit save and that all works.
In another part of the page I have a simple dropdown to select a note and view it. When you push view it loads the text which was entered in via the editor control.
If the user used an order or unordered list. The text shows up but not the list part.
So if they did this:
Example
ThisAnd this
What is displaying is
Example
This
And This
Without the bullets. Same for the numbers.
I have it going to a literal control which should render the html, but it doesn't.
I am building an asp.net site in which I need to have editor text boxes in different forms. I am planning to buy cute editor license but just want to check whether there are any alternatives available in open source.
View 2 Replies