FCKEditor : Image upload and view problem

Are you using a CMS? If not, you could try to use this:
http://cksource.com/

Hi MinoDC,

At this moment I am not able to change the software .... Pls specify if any solution u have ...

hi MinoDC,

Are u getting the error while clicking the button 'Insert/Edit Image' within the fckeditor or 'Browse Server' button iside the popup ?

have version 5 of PHP?

hi maheshsnkr,

I am getting the error while clicking on "Browse Server" Button..... In case of clicking "Insert/Edit Image no error is showing

Hai MinoDC,

Pls go through my question ..... I am using ASP.Net .... not PHP

hi akulavi,

I have attached 2 images that will helpyou to solve the issue.

1. The first image (fckconfig.js (Changes)), is the place where its is coded, which page is to be shown while clicking the Browse server button.
I have changed that default link to a newly added one.

2. We need to add a server page in the exact location (which is mentioned in Image 2 (FCK-2.JPG)
Add the new page.

3. Inside the new page, i have a fileuploader control (which will broese the image), an upload button (to save the image path in a hidden field), A hidden field control (to store the uploaded file path) and on OK button ( to bring the image back to the parent page)

4. After uploading, ckick OK button to send the image back to parent. You can use the following code for that.

protected void btnOk_Click(object sender, EventArgs e)
    {
        Page.ClientScript.RegisterStartupScript(GetType(), "FileUpload", "javascript:window.top.opener.SetUrl('" + hdnFilePath.Value + "');window.close();", true);
    }
FCK-1.bmp
FCK-2.JPG

Hi maheshsnkr,

Thanks a lot for your solution ............. I am using vb.net. Will u pls attach the BrowseImage.aspx file so that it will be easier for me to understand ...... Otherwise kindly clarify me the following points :

1. In design time I have included a FileUpload control.
2. Then ...... "an upload button (to save the image path in a hidden field)" - What does that mean and what will be the name and the id of the control ?
3.  "A hidden field control (to store the uploaded file path) " - What will be the name of the control ?
4. "and on OK button ( to bring the image back to the parent page)" - What does that mean and what will be the name and / or the id of the control ?

hi akulavi,

I have included the full page code along this , also the page .design(Image FCK_4.jpg).
Also you need to set a path for saving the image in the server, (from there that image will get downloaded).

We need to set that path in a js file (See the image FCK_3.JPG)
(The js file path is there in the Image)
You can save the file anywhere in the application, but one thing is that, you need to make necessary changes in the js file also.

Imports System.IO
 
Partial Class _Default
    Inherits System.Web.UI.Page
 
    'CODE IN PAGE BEHIND
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
 
    End Sub
 
    Protected Sub btnUpload_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnUpload.Click
        hdnFilePath.Value = StoreImageInServer(fupUpload.FileName, fupUpload.PostedFile.FileName)
    End Sub
 
    Protected Sub btnok_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnok.Click
        Page.ClientScript.RegisterStartupScript(Me.GetType(), "FileTransfer", "javascript:window.top.opener.SetUrl('" + hdnFilePath.Value + "');window.close();", True)
        Response.Write("javascript:window.top.opener.SetUrl('" + hdnFilePath.Value + "');window.close();")
    End Sub
 
    Private Function StoreImageInServer(ByVal FileName As String, ByVal FullPath As String) As String
        Dim DirInfo As DirectoryInfo
        Dim FileNameToReturn As String = Path.GetFileNameWithoutExtension(FileName) & "_" & DateTime.Now.ToFileTime() & Path.GetExtension(FileName).ToString()
 
        Try
            DirInfo = New DirectoryInfo(Server.MapPath("~") & "/FileUploads/UserFiles/Images/")
            If DirInfo.Exists = False Then
                Directory.CreateDirectory(DirInfo.FullName)
            End If
 
            Dim DestPath As String = (Server.MapPath("~") & "\FileUploads\UserFiles\Images\") + FileNameToReturn
            fupUpload.SaveAs(DestPath)
 
        Catch generatedExceptionName As Exception
 
        End Try
        Return FileNameToReturn
    End Function
 
End Class

Select allOpen in new window

FCK-3.JPG

Hai maheshsnkr,

I think you forgot to attach Image 4.....

hi akulavi,

Please find the attached Image.
FCK-4.JPG

Hai maheshsnkr,

Thank you very much for your sol. Certain changes I had done in case of image saving URL. The code works perfect. Only one problem lying with this solution. Once the image had been uploaded there is no such interfaces from where we can see what are images resided in the Server so that before uploading we can take a quickview of the existing images.......... Whatever for now your solution had worked perfectly ..... But can we give some kind of scenario so that user can have a preview of all the images before uploading .....

Hai maheshsnkr,

Thanks a ton for your solution. Your solution works perfect for me. Can it be possible if user wants to select any image from the list, that image will be selected for use....

Hai maheshsnkr,

Sorry for disturbing you for asking the above question ..... Whatever functionality I wanted its already given by you ......... Thanks a ton ...... By the way one more thing I am going to submit another question in Expert-Exchange regarding FCKEditor in few minutes .... Pls. look into that question also...... because I think your understanding of the user's problem is much more better than others......

anyway again Thanks for all your help !!!!!!

I like maheshsnkr's understandability . He/she is very good at the point of understanding the problem of the User... Anyways Thanks A Ton !!!!

hi akulavi,

If u find the solution as helpfull, dont forget to mark the solution as accepted, coz others will also get benifit from this :)