Question

我是JavaScript的初学者。我已经编写了两个脚本，一个用于日期时间选择器，另一个用于从文件上载中预览所选图像。但是这两个脚本无法同时运行。一次只能运行一个脚本。如果我删除第一个脚本然后第二个脚本工作，反之亦然。如何同时运行这两个脚本？如果有人更正我的代码，我将感谢他/她。

<script type="text/javascript"> 
$(document).ready(function () {
        $("#<%=TextBox1.ClientID %>").dynDateTime({
            showsTime: true,
            ifFormat: "%Y/%m/%d %H:%M",
            daFormat: "%l;%M %p, %e %m, %Y",
            align: "BR",
            electric: false,
            singleClick: false,
            displayArea: ".siblings('.dtcDisplayArea')",
            button: ".next()"
        });
    });



    function ShowImagePreview(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#<%=ImgPrv.ClientID%>').prop('src', e.target.result)
                        .width(240)
                        .height(150);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

</script>

在页面的body标签中 //用于日期时间选择器

<asp:TextBox ID="TextBox1" runat="server" ReadOnly = "true"></asp:TextBox>
<img src="portalimg/calender.png" />
<asp:Button ID="btnSave" runat="server" Text="Save" onclick="btnSave_Click" />

//用于图像预览（文件上传）

 <div>
        <fieldset style="width: 300px;">
            <legend>Show image preview before image upload</legend>
            <div style="text-align: center;">
                <asp:Image ID="ImgPrv" Height="150px" Width="240px" runat="server" /><br />
                <asp:FileUpload ID="flupImage" runat="server" onchange="ShowImagePreview(this);" />
            </div>
        </fieldset>
    </div>

脚本在asp.net中不能同时工作

0 个答案: