用于上传图片的模仿HTML表单

时间:2013-10-08 14:06:49

标签: html

如何在Facebook中模仿HTML表单“浏览”和“提交”按钮? 我的表格是:

  <form action="upload_file.php" method="post"
    enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input type="file" name="file" id="file" />
    <br />
    <input type="submit" name="submit" value="Submit" />
    </form>

到目前为止,我可以用传统方式做到这一点。但我真正需要的是: 当用户单击“上传图片”标签或按钮时,它会模仿“浏览”按钮并在选择图片时模仿“提交”按钮事件。我不想显示奇怪的浏览和提交按钮......你明白我的意思了吗?

1 个答案:

答案 0 :(得分:0)

我过去曾经使用PLUpload做类似的事情。它主要用于较大的文件,但它可以根据需要进行浏览和屏蔽。我甚至将JS设置为在选择图像后自动提交。只要您对JS有基本的了解,它就不会花费太多时间。

http://www.plupload.com/