Does anyone know how to use the editor1.ExecCommand('insertimage'); to upload and select an image and have the Insert button cause a textbox to be filled with a path to the image file?

 

Here is the javascript I have tried but doesn't write path back to imageFld textbox:

The source code of this example can be found in the download package.

 

<Script Language="javascript">
    function callInsertImage() 
    { 
   var editor2 = document.getElementById('<%=editor2.ClientID%>');
            editor2.FocusDocument(); 
            var editdoc = editor2.GetDocument(); 
            editor2.ExecCommand('new');
            editor2.ExecCommand('ImageGalleryByBrowsing');
            InputURL();
    }   
   
    function InputURL()
    {
  var editor2 = document.getElementById('<%=editor2.ClientID%>');
        var editdoc = editor2.GetDocument(); 
        var imgs = editdoc.images;
        if(imgs.length>0) 
        { document.getElementById("imageFld").value = imgs[imgs.length-1].src;
            editor2.ExecCommand('new');
            document.getElementById("imageFld").focus();
        } 
        else
        {
   setTimeout(InputURL,500);
        } 
    }      
</script>

 

I was looking for a way to upload and set elements such as alt text and capture the path of the uploaded file at the same time.

The 'ImageGalleryByBrowsing' doesn't let you edit size or enter alt text.  It is just an image selector of files.  Or is that not correct?

Thanks.

Please change:          

 

        editor2.ExecCommand('ImageGalleryByBrowsing');

I'm using master pages on the site and have to use getElementById("ctl00_ContentPlaceHolder1_imageFld")

Okay this works:

  function callInsertIMG() 
    { 
   var editor2 = document.getElementById('<%=editor2.ClientID%>');
            editor2.FocusDocument(); 
            var editdoc = editor2.GetDocument(); 
            editor2.ExecCommand('new');
            editor2.ExecCommand('InsertImage');
            InputIMG();
            document.getElementById("ctl00_ContentPlaceHolder1_imageFld").focus();
    }   
   
    function InputIMG()
    {
  var editor1 = document.getElementById('<%=Editor2.ClientID%>');
        var editdoc = editor1.GetDocument(); 
        var imgs = editdoc.images;
        if(imgs.length>0) 
        { document.getElementById("ctl00_ContentPlaceHolder1_imageFld").value = imgs[imgs.length-1].src;
   document.getElementById("ctl00_ContentPlaceHolder1_imageFld").focus();
        } 
        else
        {
   setTimeout(InputIMG,500);
        } 
    } 

 

I'm considering other alternatives to storing and referencing the images and documents for content management.

I have an sqlexpress data store.  Thought of storing the path to magazine cover image, path to pdf, title of the magazine, short description of main article, etc.

Wanted to control the size of the image uploaded.

Need the alt tag filled in for accessibility compliance.

Does the above script allow the capture of the alt tag that I could send to a textbox value?

Thanks.

>>Wanted to control the size of the image uploaded.

 

Please check the following article:

 

How to Limit the Size of The Media Files being Uploaded:

 

 

 

var image = imgs[imgs.length-1];

 

alert("src: "+image.src);

alert("alt: "+image.alt);