输入类型文件无效

时间:2014-07-29 15:17:43

标签: javascript jquery html visual-studio-2010

我正在尝试使这个输入文件工作,但是当我尝试在调用时打开的div上使用它。它不会工作。但我在页面上有另一个输入文件正常工作。我有一个js点击我需要点击的文件。并且操作已完成,但文件无法打开。有什么想法吗?我会留下JS和HTML。萤火虫没有发现任何错误。我正在使用Firefox。

我在Visual Studio中这样做。所以这是没有页眉和页脚的视图。我有另一个表单,输入正在工作。与这一点的不同之处在于div内部打开了一个盒子,有点像模态。

HTML

<form target'UploadTarget' name='ImgFormE' method='post' id='ImgFormE' enctype='multipart/form-data' action='/Merchant/ModifyReward'>
<input type='hidden' name='id' id='idReward' value=''/>
<li id='test1' class='next-bg-two'>
    <h3>" + Name + "</h3>
    <span class='rb-temp'>
        <p>Promo Comienza:" + startdate + "</p>
        <p>Promo Termina: " + enddate + "</p>
    </span>
    <img alt='' title='' class='service-thumb' src='images/services/02.png'/>
    <div class='rb-overlay'>
        <span class='rb-close'>close</span>
        <div class='rb-week clearfix next-bg-two'>
            <div class='service-matter'>
                <input class='rMerchant' id='nameE' name='name' type='text' placeholder='Nombre de la Promocion' value='" + Name + "'required/>
                <div id='service-carousel-02' class='carousel slide'>
                    <div class='carousel-inner'>
                        <div class='item active'>
                            <img id='fileE"+i+"' name='file' alt='' title='' class='service-spec-img' onClick='changeImg(this.id)' src='@Url.Content("~")Uploads/Rewards/" + url + "'>
                            <input style='display:none; position:absolute; top:-100px;' name='file' type='file' class='image' id='imageE"+i+"' />
                            <div class='carousel-caption'>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class='service-info'>
                <h5 class='service-spec'>Promocion</h5>
                <h3 style='margin-bottom:0;'>Fecha Inicio:
                    <input style = 'width:80%; float:left;' id='fechaIniE' name='fechaIni' class='rMerchant' type='text' readonly='' value='" + startdate + "' size='16' />
                </h3>
                <h3 style='text-align:right;'>Fecha Fin:
                    <input style = 'width:80%; float:left;' id='fechaFinE' name='fechaFin' class='rMerchant' type='text' readonly='' value='" + enddate + "' size='16' />
                </h3>
                <textarea cols='50' rows='5' id='txtDescriptionRewardE' class='rMerchant' name='rewardDescription' placeholder='Descripcion de Promocion' required >
                    " + description + "
                </textarea>
                <p>Mega Puntos</p>
                <input class='rMerchant' id='pointsE' name='points' type='text' placeholder='Mega Puntos' value='"+puntos+"' />
                <button type='button' value='Crear Promocion' onclick='UploadImageE()' class='btn btn-success' id='btnRegRewardE'>Editar Promocion</button>
                <a class='scroll-link btn btn-danger' data-soffset='0' href='#'>Borrar Promoción</a>
            </div>
        </div>
    </div>
</li>

这是我使用图像模拟文件点击的JS。图像正在右键单击。我也尝试直接点击输入。但它不会打开文件浏览器。

function changeImg(id) {
    var num = id.split("fileE");
    $("#imageE"+num[1]).click();
}

我要求一份奖励清单。这个帖子工作得很好。正如列表中每个成员的打印一样。 HTML也是由ajax生成的,它提供了缺少的信息。我想也许是因为它是一个ajax,输入不知何故不能正常工作?

感谢您的帮助。

0 个答案:

没有答案