AngularJS使用uploadify插件的问题总结

Posted 2020-09-05 进击的程序媛

 AngularJS使用uploadify的过程中遇到了两个问题，总结如下：

 

• 某个页面需要同时实例化多个uploadify组件时，出现“ID SWFUpload_0 is already in use. The Flash Object could not be added”的错误，分析jquery.uploadify.js代码发现，是由于是实例化SWFUload时用的是同一个名字，解决是：找到initSWFUploadify，修改如下（红色部分）：

SWFUpload.prototype.initSWFUpload = function(b) {
    try {
        this.customSettings = {}, this.settings = b, this.eventQueue = []; var mydate = new Date(); this.movieName = "SWFUpload_" + mydate.getTime().toString(), this.movieElement = null, SWFUpload.instances[this.movieName] = this, this.initSettings(), this.loadFlash(), this.displayDebugInfo();
    } catch (a) {
        throw delete SWFUpload.instances[this.movieName], a;
    }

• IE8/9出现ui-router不能跳转页面，地址栏的url变了，但是页面却没有变化，出现报错信息：

SCRIPT5007: 无法设置属性“SetButtonTextPadding”的值: 对象为 null 或未定义 
SCRIPT5007: 无法设置属性“SetButtonTextStyle”的值: 对象为 null 或未定义 
SCRIPT5007: 无法设置属性“SetButtonAction”的值: 对象为 null 或未定义 
SCRIPT5007: 无法设置属性“SetButtonDisabled”的值: 对象为 null 或未定义 
SCRIPT5007: 无法设置属性“SetButtonCursor”的值: 对象为 null 或未定义 
SCRIPT5007: 无法设置属性“TestExternalInterface”的值: 对象为 null 或未定义 
SCRIPT5007: 无法获取属性“SetReturnValue”的值: 对象为 null 或未定义 
SCRIPT5007: 无法获取属性“SetReturnValue”的值: 对象为 null 或未定义

这是由于在切换路由的时候，没有销毁uploadify实例对象导致的，解决办法如下：

　　//状态切换开始时触发事件，销毁uploadify对象
　　$scope.$on(‘$stateChangeStart‘, function(e, toState, toParams, fromState, fromParams) {
      if (e && $(‘.uploadify‘).length > 0) {
        $(‘.uploadify‘).each(function (item) {
          $(this).uploadify(‘destroy‘);
        })
      }
    });

 

参考：http://blog.csdn.net/zhichao2001/article/details/46662705/