zoukankan      html  css  js  c++  java
  • 图片执行file操作

    <input type="file" id="file1" name="file1" accept=".jpg,.png" style="display:none" onchange="showPicture(this);">
    <img src="../images/y_add_photo.png" onclick="uploadFile('file1')">

    function uploadFile(obj) {
    $("#" + obj).click();
    }
    var fileArr = [];
    function showPicture(obj) {
    var fileList = obj.files;
    var length = fileList.length;
    for (var i = 0; i < length; i++) {
    var suffix = fileList[i].name.substring(fileList[i].name.lastIndexOf(".") + 1, fileList[i].name.length);
    if (suffix == "jpg" || suffix == "png") {
    fileArr.push(fileList[i]);
    var objUrl = getObjectURL(fileList[i]);
    if (objUrl) {
    var html = '<div class="y_photo_close"><img style="66px;height:66px;" src="' + objUrl + '"><img class="y_close_img" title="删除" onclick="deletePicture(this)" src="../images/y_shan.png"></div>';
    $('.y_photo_int').prepend(html);
    }
    }
    else {
    layer.msg("请选择jpg或png格式的图片!");
    return;
    }
    }
    }

    function deletePicture(obj) {
    var index = $(".y_photo_int div").index($(obj).parent());
    fileArr.splice(index, 1);
    $(obj).parent().remove();
    $('#file1').val('');
    $("#image_path").val('');
    }
    function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) {
    url = window.createObjectURL(file);
    } else if (window.URL != undefined) {
    url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) {
    url = window.webkitURL.createObjectURL(file);
    }
    return url;
    }

  • 相关阅读:
    Oracle 10g RAC下如何删除listener
    使用Jumpstart安装Solaris时,如何确定boot使用的网卡MAC地址
    强大的firebug
    outlook 办公技巧总结
    (转)谈谈防止重复点击提交
    cakephp中实现csv文件导出
    JAVA中获取路径
    web项目修改名称问题
    Extjs插入图片
    Oracle脚本笔记
  • 原文地址:https://www.cnblogs.com/yyjspace/p/11606415.html
Copyright © 2011-2022 走看看