Jquery mobile 如何从设备库打开图像并将其放入<;img>;元素。我正在使用jquery手机

Jquery mobile 如何从设备库打开图像并将其放入<;img>;元素。我正在使用jquery手机,jquery-mobile,cordova-plugins,hybrid-mobile-app,Jquery Mobile,Cordova Plugins,Hybrid Mobile App,我正在使用J-Query手机。我想在设备库的html页面中的元素中插入图像的位置 我在谷歌上做了很多,但没有找到任何解决方案。请帮帮我。先谢谢你 W3C建议可在此处找到: 一个小例子,可以让你选择一个图像。在台式计算机上,这允许您浏览文件/文件夹以查找图像文件。在智能手机上,您可以浏览图库,如果您有摄像头,您可以直接拍摄照片: <div data-role="fieldcontain"> <label for="image">Select image:</l

我正在使用J-Query手机。我想在设备库的html页面中的元素中插入图像的位置


我在谷歌上做了很多,但没有找到任何解决方案。请帮帮我。先谢谢你

W3C建议可在此处找到:

一个小例子,可以让你选择一个图像。在台式计算机上,这允许您浏览文件/文件夹以查找图像文件。在智能手机上,您可以浏览图库,如果您有摄像头,您可以直接拍摄照片:

<div data-role="fieldcontain">
    <label for="image">Select image:</label>
    <input type="file" name="image" id="image" accept="image/*" capture>
</div>
<div id="preview"></div>

<script>
    $(document).on("change", "#image", function(e){
        var file = $(this)[0].files[0];
        if (file.size && file.size > 5242880) {
            alert("The image must be less than 5 MB.");
        }
        var oFReader = new FileReader();
        oFReader.readAsDataURL(this.files[0]);
        oFReader.onload = function (oFREvent) {
            $('#preview').html('<span class="nice">Preview:</span><br/><img src="'+oFREvent.target.result+'" width="250px">');
        };
    });
</script>

选择图像:
$(文档)。关于(“更改”,“图像”,函数(e){
var file=$(this)[0]。文件[0];
如果(file.size&&file.size>5242880){
警报(“图像必须小于5 MB”);
}
var of reader=new FileReader();
readAsDataURL(this.files[0]);
oFReader.onload=函数(OFRENT){
$('#preview').html('preview:
'); }; });
小提琴:


请注意,如果要永久保存映像,则需要将其发布到服务器脚本。如果您需要一个示例,请告诉我。

W3C建议可在此处找到:

一个小例子,可以让你选择一个图像。在台式计算机上,这允许您浏览文件/文件夹以查找图像文件。在智能手机上,您可以浏览图库,如果您有摄像头,您可以直接拍摄照片:

<div data-role="fieldcontain">
    <label for="image">Select image:</label>
    <input type="file" name="image" id="image" accept="image/*" capture>
</div>
<div id="preview"></div>

<script>
    $(document).on("change", "#image", function(e){
        var file = $(this)[0].files[0];
        if (file.size && file.size > 5242880) {
            alert("The image must be less than 5 MB.");
        }
        var oFReader = new FileReader();
        oFReader.readAsDataURL(this.files[0]);
        oFReader.onload = function (oFREvent) {
            $('#preview').html('<span class="nice">Preview:</span><br/><img src="'+oFREvent.target.result+'" width="250px">');
        };
    });
</script>

选择图像:
$(文档)。关于(“更改”,“图像”,函数(e){
var file=$(this)[0]。文件[0];
如果(file.size&&file.size>5242880){
警报(“图像必须小于5 MB”);
}
var of reader=new FileReader();
readAsDataURL(this.files[0]);
oFReader.onload=函数(OFRENT){
$('#preview').html('preview:
'); }; });
小提琴:

请注意,如果要永久保存映像,则需要将其发布到服务器脚本。如果你需要一个例子,请告诉我