<input class="weui_uploader_input" name='image' type="file" accept="image/*" multiple />
//上传控件,选择后更改背景图
<script>
$("input[type='file']").change(function(){
var file = this.files[0];
if (window.FileReader) {
var reader = new FileReader();
reader.readAsDataURL(file);
//监听文件读取结束后事件
reader.onloadend = function (e) {
$(".weui_uploader_file").css("background-image","url("+e.target.result+")");
//e.target.result就是最后的路径地址
};
}
});
</script>
如何获取input type=file的路径
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- js: document.getElementById("input").files[0] jquery: $('...
- 比如有个需求,是点击一个按钮进行上传图片. 如何实现这个效果呢? 我的做法是 给input外层 裹上一层div...
- 1.这里主要利用了一个知识点,就是label for属性会将点击事件传递给input框,* display:no...
- mui 框架自带的 Setting 模板会自动创建获取头像图片相关的功能,例如通过拍照或从手机相册中选择。 拍照:...