区分多个动态文件上传控件

Question

我正在向我的 asp.net 页面动态添加多个文件上传。用户能够从页面创建和删除这些文件上传。代码写在 Javascript / JQuery:

var opleverpuntCounter = 0;
        function addOpleverpunt() {
            var $opleverpuntContainer = $('#opleverpuntContainer');
            var div = '';
            var divId = 'opleverpunt_' + opleverpuntCounter;
            div = '<div id="' + divId + '"><br />Upload afbeelding situatie vooraf <input id="opleverpuntbeforefile_' + opleverpuntCounter + '" name="opleverpuntbeforefile_' + opleverpuntCounter + '" type="file" accept="image/*" capture="camera" /><br /><label for="opleverpuntdescriptionbefore_' + opleverpuntCounter + '">Situatie omschrijving vooraf</label><br /><textarea type="text" id="opleverpuntdescriptionbefore_' + opleverpuntCounter + '" name="opleverpuntdescriptionbefore_' + opleverpuntCounter + '" rows="5" cols="100"></textarea><br />Upload afbeelding situatie achteraf <input id="opleverpuntafterfile_' + opleverpuntCounter + '" name="opleverpuntafterfile_' + opleverpuntCounter + '" type="file" accept="image/*" capture="camera" /><br /><label for="opleverpuntdescriptionafter_' + opleverpuntCounter + '">Situatie omschrijving achteraf</label><br /><textarea type="text" id="opleverpuntdescriptionafter_' + opleverpuntCounter + '" name="opleverpuntdescriptionafter_' + opleverpuntCounter + '" rows="5" cols="100"></textarea><br /><input id="btn_' + opleverpuntCounter + '" type="button" value="REMOVE X" class="smallButton" /></div>';
            $opleverpuntContainer.append(div);
            $('#btn_' + opleverpuntCounter).click(function () { removeOpleverpunt(divId); });
            opleverpuntCounter++;
        }
        function removeOpleverpunt(element) {
            var $element = $('#' + element);
            $element.remove();
        }

它在每个 addOpleverpunt() 调用上添加了 2 个文件上传控件。 name 和 id 都是为每个文件上传生成的并且是唯一的。

HTML:

<div id="opleverpuntContainer">
</div>

回到服务器端，我使用以下代码来获取和存储上传的文件：

for (int i = 0; i <= Request.Files.Count - 1; i++) {
    HttpPostedFile PostedFile = Request.Files(i);
    if (PostedFile.ContentLength > 0) {
        //Store PostedFile here
        //(Left out to improve question readability)
    }
}

文件上传不是 ASP:FileUpload 控件，而是常规输入 FileUpload 控件。

有什么方法可以区分opleverpuntbeforefile_x和opleverpuntafterfile_x吗？ (x为生成的数字)

如果我能够在服务器端获得差异，我将能够将 opleverpuntbeforefile 存储在一个实体中，将 opleverpuntafterfile 存储在另一个实体中。

使用 C# 或 VB.NET 的建议和答案都可以。

Answer 1

您可以访问 html 控件名称：

for (int i = 0; i <= Request.Files.Count - 1; i++)
            {
                HttpPostedFile PostedFile = Request.Files[i];
                var controlName = Request.Files.Keys[i];
                if (PostedFile.ContentLength > 0)
                {
                    //Store PostedFile here
                    //(Left out to improve question readability)
                }
            }

区分多个动态文件上传控件

Differentiate between multiple dynamic fileupload controls

c#

asp.net

file-upload