Javascript 尝试动态生成id字段

我试图为动态上传的每个图像动态生成一个id字段。我不知道如何实现它。下面给出的是jquery代码。对此问题有任何想法都将不胜感激

代码

输入[type=“file”]{
显示：块；
}
.imageThumb{
最大高度：75px；
边框：2倍实心；
利润率：10px 10px 0；
填充：1px；
}
查找下面的HTML代码
使用jQuery在上载之前预览多个图像
$（文档）.ready（函数（）{
if（window.File&&window.FileList&&window.FileReader）{
$（“#文件”）。关于（“更改”，函数（e）{
var files=e.target.files，
filesLength=files.length；
对于（var i=0；i

您可以动态创建id，方法是保留一些静态id组件，并在每次创建新映像时向其添加一个动态组件

一个粗略的例子是：

<script type="text/javascript">
    $(document).ready(function () {


        var idStatic = 'Image_'; //Static component of ID
        var imgCount = 0;  // Dynamic component of ID, will be incremented and appended to idStatic for each new image.


        if (window.File && window.FileList && window.FileReader) {
            $("#files").on("change", function (e) {
                var files = e.target.files,
                filesLength = files.length;
                for (var i = 0; i < filesLength ; i++) {
                    var f = files[i]
                    var fileReader = new FileReader();
                    fileReader.onload = (function (e) {
                        var file = e.target;

                        imgCount++; // Increment dynamic part, so that id is unique.

                        $("<img></img>", {
                            "class": "imageThumb",
                            src: e.target.result,

                            id: (idStatic + imgCount),  // tell jquery to add the id for new element.
                            name: 'images[]', // give a name, so that server recognises it on form submit. Can be same as id.

                            title: file.name,

                        }).insertAfter("#files");
                    });
                    fileReader.readAsDataURL(f);
                }
            });
        } else { alert("Your browser doesn't support to File API") }
    });
</script>

$（文档）.ready（函数（）{
var idStatic='Image'；//ID的静态组件
var imgCount=0；//对于每个新映像，ID的动态组件将递增并附加到idStatic。
if（window.File&&window.FileList&&window.FileReader）{
$（“#文件”）。关于（“更改”，函数（e）{
var files=e.target.files，
filesLength=files.length；
对于（var i=0；i

---

也就是说，除非您希望在添加图像后对客户端的图像进行修改，否则您可能不需要id。一个附加的名称属性就足够了。

id字段意味着什么？您从文件输入中获取一个文件并显示在img tag中，为什么您要在这里而不是在这个blog@KalaiselvanA中通过上面的代码询问pload不同的图像，我想为每个图像生成id字段。我不知道怎么做。id的目的是什么field@plonknimbuzz我想这是个合适的地方。

<script type="text/javascript">
    $(document).ready(function () {


        var idStatic = 'Image_'; //Static component of ID
        var imgCount = 0;  // Dynamic component of ID, will be incremented and appended to idStatic for each new image.


        if (window.File && window.FileList && window.FileReader) {
            $("#files").on("change", function (e) {
                var files = e.target.files,
                filesLength = files.length;
                for (var i = 0; i < filesLength ; i++) {
                    var f = files[i]
                    var fileReader = new FileReader();
                    fileReader.onload = (function (e) {
                        var file = e.target;

                        imgCount++; // Increment dynamic part, so that id is unique.

                        $("<img></img>", {
                            "class": "imageThumb",
                            src: e.target.result,

                            id: (idStatic + imgCount),  // tell jquery to add the id for new element.
                            name: 'images[]', // give a name, so that server recognises it on form submit. Can be same as id.

                            title: file.name,

                        }).insertAfter("#files");
                    });
                    fileReader.readAsDataURL(f);
                }
            });
        } else { alert("Your browser doesn't support to File API") }
    });
</script>