如何利用自定义文本框+图片来实现文件上传效果

直白点说就是要实现的效果 只不过默认的不太美观 需要用自定义的文本框和图片 虽然从网上找到一些资料和js 但是效果并不理想 ie上有弹出效果 但是表单提交每次都要点击提交按钮3次才会提交 至今没搞明白是为什么 最烦的就是兼容性的问题 在谷歌和其他浏览器甚至就根本没有效果 。我觉得这个应该是大家会经常遇到的问题啊 可是却找不到一个合适的处理方法！ 哪位朋友如果知道好的解决办法 还请大家分享一下！谢谢 好的话可以加分

用普通的js有点儿过时了。可以采用jQuery。文件上传是网站很常见的功能之一，通过使用jQuery可以让上传过程更加人性化，更好的用户体验。

介绍20个jQuery的文件上传插件，其中有一些是教程。
1. Plupload
Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。
2. The KillersAjax Upload
该插件使用 XHR 用于上传多个文件，支持上传进度显示，但不支持 IE
3. SWFUpload jQuery Plugin
4. AjaxFileUpload
5. Uploadify
Uploadify简单说来，是基于Jquery的一款文件上传插件。它的功能特色总结如下：
支持单文件或多文件上传，可控制并发上传的文件数
在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展，可控制每一步骤的回调函数（onSelect, onCancel……）
通过接口参数和CSS控制外观
6. jQuery Multiple File Upload Plugin
7. jqUploader
jqUploader 是实现文件上传的jQuery插件
8. jQuery Form Plugin
jQuery Form Plugin 是一个扩展表单操作的 jQuery 插件，直接文件上传表单
9. jQuery Form Plugin
10. jqswfupload
11. uploadprogress
12. jQuery File Upload
13. Multiple File Upload With Progress Bar Using jQuery
14. jQuery.upload
一个简单的 Ajax 文件上传插件
15. Ajax File Upload Script Using jQuery
jQuery File Uploader 使用 iframe 来处理上传过程
16. jQuery Custom File Upload Input
17. Image Upload and Cropping with PHP and Jquery
18. PHP & jQuery image upload and crop
19. AJAX upload progress bars with jQuery, Django and nginx
20. Uploading Files with AJAX
21. AJAX Multiple File Upload Form Using jQuery
22. FancyUpload – Swiff meets Ajax (v3.0)
FancyUpload是一个采用Flash与Ajax（MooTools）技术实现包含上传进度条的多文件上传组件，类似于SWFUpload。MooTools是一个与prototype相类似的一个Ajax框架。

去百度，搜索这里面的名称，就能找到了。 非常强大。

1. 画一个三角形，按f8 ， 2. 在三角形边线处点一下，输入文字，或是粘贴文字，就行了。 注意！！如果是在三角形外面，光标点的时候，稍向里边移一点。