android webview 文件选择,android系统webview使用input实现选择文件并预览

一般系统的实现方式：

代码实现

图片预览

$('.select').change(function(e) {

var _URL = window.URL || window.webkitURL;

$("#previewimg").attr("src", _URL.createObjectURL(this.files[0]))

})

input type="file"就是文件选择标签，默认样式为：

如果不喜欢默认样式，可以把它设置为透明，然后自己用图片或元素覆盖它，这时候他仍然能响应点击

opacity: 0;

multiple="multiple" 属性可以让input一次选择多个文件

注册change监听或定义onChange方法可以在选择完图片后回调，回调中使用files数组属性来获取选择的文件，如果是选择单文件，files[0]表示选择的图片

jquery回调中，this会自动指向当前操作的元素，例子中的this和getElementById("picfile")相对，如果要使用jquery方法，可以用$(this)

oninput事件在元素值发生变化时立即触发， onchange在元素失去焦点时触发࿰