how to save file using type:file in form

[eiwai]

Hi,

I am trying to use type:file inside form. Because I only need to upload one file at a time. I don’t want to use uploader since the control is too big and can upload multiple files at a time. Also, I need to display image preview after user select file. My code is as below.

{ type: “container”, name: “photo”, label: “”, inputWidth: 120, inputHeight: 100 },
{ type: “file”, name: “photo_upload”, className: “uploadClass”, inputWidth: 100, offsetTop: 10, style: “width:100px”}

Inside form onChange event I call function to preview image. It is working fine.

function previewFile() {

        dhtmlXForm.prototype.items.file.getInput = dhtmlXForm.prototype.items.input.getInput;
        var input = employeinfo.getInput("photo_upload");
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                var preview = employeinfo.getContainer("photo");
                preview.innerHTML = '<img src="' + e.target.result + '" width="120" height="100">';
                
            }

            reader.readAsDataURL(input.files[0]);
        }
       
    }

But I don’t know how to save that image. I tried to use

Then submit this form on button click event.

document.getElementById(“form1”).submit();

But there is no file inside HttpContext.Request.Files[“file”]. It returns null value. I also tried below method. But still no luck.

employeinfo.send(“Handler.ashx/?type=Employee”, function (loader, response) {
var temp = “Save Successful”;
});

Anything I did wrong?

[Andrei]

Hi

for type:file you have to add real-form wrap around dhtmlx form and submit real form. here is a similar demo: dhtmlx.com/docs/products/dhtmlxF … _form.html