DEV Community

Cover image for Upload Image by WebForms Core Technology
Elanat Framework
Elanat Framework

Posted on

Upload Image by WebForms Core Technology

The video below shows the operation of WebForms Core technology for uploading images and displaying the uploaded image in real-time.

WebForms Core is a new technology for changing HTML tags on the server side, which was introduced in 2024 by Elanat (elanat.net).

In this technology, the WebForms class on the server communicates with a JavaScript library called WebFormsJS on the client. In this technology, data is sent completely faithful to HTML but under AJAX (automatically), and from the server side, codes (Action Controls) are sent to WebFormsJS to change DOM elements; WebFormsJS automatically renders these server codes and applies them to the web page.

This technology is fully integrated into the core of the CodeBehind framework; however, it is very easy to use this technology under other back-end frameworks; to use WebForms Core technology, you must insert the script tag corresponding to the WebFormsJS library path in the HTML page and add the WebForms class to the server.

You can get the WebFormsJS library from the following repository:
https://github.com/elanatframework/Web_forms

The WebForms class for web programming languages ​​is available in the following repository:
https://github.com/elanatframework/Web_forms_classes

Related links

CodeBehind on GitHub:
https://github.com/elanatframework/Code_behind

Get CodeBehind from NuGet:
https://www.nuget.org/packages/CodeBehind/

CodeBehind page:
https://elanat.net/page_content/code_behind

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

nextjs tutorial video

📺 Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay