Days
Hours
Minutes
Seconds
x

Froala Editor v4.1.4 is Here LEARN MORE

Skip to content

.NET SDK Image Reference

Upload (httpContext, fileRoute, options)

Returns: Object

Method used to upload an image to a specified location on disk.

Parameters:


  • httpContext

    All the HTTP specific information for the HTTP request.

    Type: HttpContext

  • fileRoute

    The server route for file uploads. This route must be public.

    Type: String

  • options

    This parameter is optional. It is used to pass custom options for the image upload.

    Short example:

    MagickGeometry resizeGeometry = new MagickGeometry(300, 300);
    resizeGeometry.IgnoreAspectRatio = true;
    
    /// Custom options.
    FroalaEditor.ImageOptions options = new FroalaEditor.ImageOptions
    {
    ResizeGeometry = resizeGeometry
    };

    Type: ImageOptions


options parameter:

  • Fieldname

    Tag name that points to the file.

    Type: String
    Default:
    "file"
  • Validation

    Specify the allowed image extensions and mimetypes.

    Type: ImageValidation
    Default:
    /// Allowed image validation default extensions.
    public static string[] AllowedImageExtsDefault = new string[] { "gif", "jpeg", "jpg", "png", "svg", "blob" };
    
    /// Allowed image validation default mimetypes.
    public static string[] AllowedImageMimetypesDefault = new string[] { "image/gif", "image/jpeg", "image/pjpeg", "image/x-png", "image/png", "image/svg+xml" };
    
  • ResizeGeometry

    Used to resize the image to a fixed size.

    Type: MagickGeometry
    Default:
    NULL

Response

If the upload is successful, the method returns an object with the absolute path to the uploaded image. If an error occurs, the method throws an exception.

try
{
return Json(FroalaEditor.Image.Upload(System.Web.HttpContext.Current, uploadPath));
}
catch (Exception e)
{
return Json(e);
}

Delete (filePath)

Method used to delete an image from disk. Throws an exception if an error occurs.

Parameters:


  • filePath

    The server image path.

    Type: String

List (folderPath, thumbPath)

Returns: List<object>

Method used to list all images from disk.

Parameters:


  • folderPath

    The path of the folder from where the images are being loaded.

    Type: String

  • thumbPath

    This parameter is optional. The path of the folder from where the image thumbs are being loaded.

    Type: String

Response

If the load is successful, the method returns a list with objects containing the image url, thumbnail and name. If an error occurs, the method throws an exception.

string uploadPath = "/Public/";

try
{
return Json(FroalaEditor.Image.List(uploadPath));
}
catch (Exception e)
{
return Json(e);
}

Do you think we can improve this article? Let us know.

[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1566853762" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_254601274" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>
[class^="wpforms-"]
[class^="wpforms-"]
[bws_google_captcha]
<div class="gglcptch gglcptch_v2"><div id="gglcptch_recaptcha_1219107705" class="gglcptch_recaptcha"></div> <noscript> <div style="width: 302px;"> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld6lNoUAAAAAM626LfCOrnkBFJtYZAKESFCjgv_" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;"></iframe> </div> </div> <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px; height: 60px; width: 300px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px !important; height: 40px !important; border: 1px solid #c1c1c1 !important; margin: 10px 25px !important; padding: 0px !important; resize: none !important;"></textarea> </div> </div> </noscript></div>