重定向后的Javascript函数回显消息

时间:2016-01-03 00:55:59

标签: javascript html redirect url-redirection

HTML表单:

<form action="/uploads.php" enctype="multipart/form-data" method="post">
    <div id="queue"></div>
    <input id="file_upload" name="file_upload" type="file" multiple="true" />
    <script type="text/javascript">
    <?php $timestamp = time(); ?>
        $(function() {
        $('#file_upload').uploadify({
    'formData'     : {
        'timestamp' : '<?php echo time();?>',
        'token'     : '<?php echo md5('unique_salt' . $timestamp);?>',
        'user_dir'  : '<?php echo $user->user_id; ?>'
    },
    'swf'      : '/includes/configuration/uploads.swf',
    'uploader' : '/includes/configuration/uploads.php'
        });
        });
    </script>
    <p><small>Only JPEG, GIF, PNG and PDF allowed<br />
    Maximum <strong>6</strong> documents, <strong>4MB</strong> each one
    </small>
    </p>
    </span>
</form>

JavaScript代码:

//Some code here
if(c.inArray("onUploadSuccess",g.overrideEvents)<0){c("#"+f.id).find(".data").html(" - Complete");}
//Some code here

我希望在用户在同一页面上传图片后回显一条消息。

在图片上传后会显示一条消息&#34; - 完成&#34;但它会在上传字段附近显示消息。

我不想使用任何 alert("Any text here"); 代码。我希望消息显示在同一页面中,如消息&#34; -Complete&#34;,但在网页的其他位置。可以这样做吗?

1 个答案:

答案 0 :(得分:0)

经过一些测试后,我找到了解决方案:

我在HTML中的某处添加了

<div id="message" style="position: relative; width: 600px; left: 20%; margin-top: 5px;"><?php echo output_message($message); ?></div>

在Javascript中:

//Some code here
if(c.inArray("onUploadSuccess",g.overrideEvents)<0){c("#"+f.id).find(".data").html(" - Complete");
$("#message").html("<div class='alert alert-success'><button type='button' class='close' data-dismiss='alert'>×</button>Message Here</div>");           
}
//Some code here

我真的希望这可以帮助其他人尝试用javascript回复消息。