- Back to Docs
- Install and Configure
- Image
- Server Upload
- Server Delete
- S3 Upload
- Resize
- Validation
- Image Manager
- Simple Server
- File
- Server Upload
- Server Delete
- S3 Upload
- Validation
- References
- Image
- File
- S3
.NET File Validation
How it works
- The file gets uploaded to your server.
- Before storing the file on disk, it is being validated on server side.
File Upload
In the Server Upload article we explain the steps to upload an file on your server. When you insert an file in the rich text editor, you can validate its format. However that check is done only on the filename and not on the mime type. We recommend to make additional checks on server side just to make sure that users don't upload files in bad formats.
Validate Extension
The WYSIWYG editor's .NET SDK comes with the possibility to check the file extension when it is being stored on the disk. Additional to the file name extension, it is using the mime type of the file for better accuracy.
FroalaEditor.FileOptions options = new FroalaEditor.FileOptions { Fieldname = "file", Validation = new FroalaEditor.FileValidation(new string[] { "txt", "pdf", "doc" }, new string[] { "text/plain", "application/msword", "application/x-pdf", "application/pdf" }) }; object response = FroalaEditor.File.Upload(System.Web.HttpContext.Current, fileRoute, options);
Custom Validation
You can also pass a custom method instead of validating the extension and mime type. This gives you full control on what types of files you want to store on disk. Below is an example of how to validate if a file is smaller than 10Mb.
FuncvalidationFunction = (filePath, mimeType) => { long size = new System.IO.FileInfo(filePath).Length; if (size > 10 * 1024 * 1024) { return false; } return true; }; FroalaEditor.FileOptions options = new FroalaEditor.FileOptions { Fieldname = "file", Validation = new FroalaEditor.FileValidation(validationFunction) }; object response = FroalaEditor.File.Upload(System.Web.HttpContext.Current, fileRoute, options);
Complete Example
<script> $(function() { $('.selector').froalaEditor({ // Set the file upload URL. fileUploadURL: '/FroalaApi/UploadFileValidation', fileUploadParams: { id: 'my_editor' } }) }); </script>
using System; using System.Web.Mvc; namespace demo.Controllers { public class FroalaApiController : Controller { public ActionResult UploadFileValidation() { string fileRoute = "/Public/"; FroalaEditor.FileOptions options = new FroalaEditor.FileOptions { Fieldname = "file", Validation = new FroalaEditor.FileValidation(new string[] { "txt", "pdf", "doc" }, new string[] { "text/plain", "application/msword", "application/x-pdf", "application/pdf" }) }; try { return Json(FroalaEditor.File.Upload(System.Web.HttpContext.Current, fileRoute, options); } catch (Exception e) { return Json(e); } } } }