小编JCC*_*han的帖子

如何在上传前后预览图片?

我将在表单中预览图像或照片,但它不起作用,HTML代码如下所示:

<form action="" method="post" enctype="multipart/form-data" name="personal_image" id="newHotnessForm">
    <p><label for="image">Upload Image:</label>
    <input type="file" id="imageUpload"/></p>
    <p><button type="submit" class="button">Save</button></p>
        <div id="preview">
            <img width="160px" height="120px" src="profile pic.jpg" id="thumb" />
        </div>
    </form>
Run Code Online (Sandbox Code Playgroud)

并在下面合并了JS代码/脚本:

<script type="text/jaavascript">
$(document).ready(function(){
    var thumb=$('#thumb');
    new AjaxUpload('imageUpload',{
    action:$('newHotnessForm').attr('action'),
    name:'image',
    onSubmit:function(file,extension){
        $('#preview').addClass('loading');
    },
    onComplete:function(file,response){
        thumb.load(function(){
            $('#preview').removeClass('loading');
            thumb.unbind();
        });
        thumb.attr('src',response);
    }
    });
});
Run Code Online (Sandbox Code Playgroud)

我的表单上有两个主要问题:1.
为什么图像或图片的预览不起作用?
2.如果在单击保存按钮时粘贴表单中的照片,它将链接到我创建的另一个php或php页面?

javascript php jquery html5

22
推荐指数
3
解决办法
9万
查看次数

标签 统计

html5 ×1

javascript ×1

jquery ×1

php ×1